@charset "utf-8"; 

@import "../../../common/css/common.css";
@import "../../common/css/static_common.css";


/* ===================================== all */

#all {
	background: url(../../../common/images/all_bg2.gif) repeat-y;
}

/* ===================================== header */

#header {
	position: relative;
	height: 74px;
	background: url(../images/common/header_bg.gif) repeat-x left top;
}
#header p#site-logo {
	position: absolute;
	float: none;
	left: 17px;
	top: 18px;
	height: auto;
	width: auto;
	margin: 0;
	text-indent: 0;
	background: none;
}
p#original-tag {
	text-align:left;
	padding-left:10px;
	width:100%
}
#header p#site-logo a {
	height: auto;
	width: auto;
	display: block;
}
#header p#graphic-logo {
	position: absolute;
	top: 9px;
	right: 15px;
}
#header p#top-btn {
	position: absolute;
	top: 45px;
	right: 15px;
}
.lower-page #header {
	height: 92px;
	background: url(../images/common/header_lower_bg.gif) no-repeat left top;
}
.lower-page #header p#site-logo {
	top: 25px;
}
.lower-page #header h1 {
	position: absolute;
	top: 25px;
	right: 17px;
	font-size: 12px;
}


/* ===================================== main */

#wrapper #main {
	float: none;
	width: 722px;
	padding: 25px 0;
	margin: auto;
	text-align: left;
}

/* choice-area */

#wrapper #main .choice-area {
	clear: both;
	width: 670px;
	margin: auto;
	background: url(../images/index/start_bg_mdl.gif) repeat-y left 150px;
}
#wrapper #main .choice-area ul {
}
#wrapper #main .choice-area ul li {
	float: left;
	width: 317px;
	display: inline;
	background: #fff;
}
#wrapper #main .choice-area ul li#create-paper {
	margin: 0 12px 0 13px;
}
#wrapper #main .choice-area .choice-area-footer {
	clear: both;
	height: 60px;
	text-align: center;
	background: url(../images/index/start_bg_btm.gif) no-repeat left bottom;
}
#wrapper #main .choice-area .choice-area-footer p {
	padding-top: 20px;
	font-size: 15px;
}


/* ===================================== footer*/

#footer {
	position: relative;
	height: 120px;
	width: 740px;
	margin: 0 auto;
	background: url(../images/common/footer_bg.gif) no-repeat left top;
}
#footer p {
	padding: 0;
	text-align: left;
}
#footer #footer-logo {
	position: absolute;
	left: 43px;
	top: 31px;
}
#footer dl#footer-support {
	position: absolute;
	left: 286px;
	top: 31px;
}
#footer dl#footer-support dt {
	float: left;
	width: 127px;
}
#footer dl#footer-support dd#footer-support-time {
	clear: both;
	padding-top: 8px;
}
#footer #footer-url {
	position: absolute;
	left: 220px;
	bottom: 6px;
}


/*----------------------------------------------------
	#main-area
		汎用スタイル
----------------------------------------------------*/
/* .box
--------------------------------------------------- */
.box {
	background: url(../images/common/mainbox_bg_btm.gif) no-repeat left bottom;
	margin:0 auto;
	width:660px;
	text-align:left;
	clear:both;
}
.box_inner {
	padding: 10px 20px 10px;
	background: url(../images/common/mainbox_bg_top.gif) no-repeat left top;
	
}
.section {
	overflow: hidden;
	width: 100%;
}


/*	#main-area
----------------------------------------------------*/

#main-area .img_right {
	float: right;
}
#main-area .img_left {
	float: left;
}
#main-area .ex_box {
	padding:20px 10px 0 10px;
	margin-bottom: 10px;
	overflow: hidden;
	zoom: 1;
	clear:both;
	line-height:1.7;
}

/* .type_list
--------------------------------------------------- */
.type_list {
	border: 1px solid #dedede;
	margin:20px 0 10px 0;
}
.type_list_inner {
	padding: 15px;
	overflow: hidden;
	border: 1px solid #fff;
	border-bottom-style: none;
	background: #f5f5f5;
}
.type_list p{
	line-height:1.4;
	font-size:14px;
	font-weight:bold;
}
.type_list .type_list_c{
	text-align:center;
}


/* .type_list_option
--------------------------------------------------- */
ul.type_list_option {
	padding:0 15px;
	font-size:10px;
}


/* .bottom_btn_area
--------------------------------------------------- */
.bottom_btn_area{
	padding:15px 35px 0 30px;
	clear:both;
	overflow:hidden;
	}
.bottom_btn_area p.btn_left{
	width:261px;
	float:left;
	}
.bottom_btn_area p.btn_right{
	margin-left:10px;
	width:150px;
	float:right;
	}


/* .title_box
--------------------------------------------------- */
#main .title_box {
	position: relative;
}
#main .title_box ul {
	position: absolute;
	top: 11px;
	right: 16px;
}
#main .title_box ul li {
	float: left;
	width: 64px;
	margin-left: 3px;
	display: inline;
}

/* .paper_feature
--------------------------------------------------- */
#main .paper_feature {
	float: right;
	margin-right:8px;
}
#main .paper_feature li {
	float: left;
	width: 34px;
	margin-left: 3px;
	display: inline;
}

/* ============================================================ footer_text */

.footer_text {
	width:660px;
	margin-top:25px;
	}