@charset "shift_jis";
	
/*======================================

	最終更新日：2009/3/11
	
	00.reset
	01.setting
	02.layout
	03.margin

	98.clear fix
	99.other

=======================================*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset,img {
	border: 0;
}
address,caption,cite,code,dfn,em,th,var {
	font-weight: normal;
	font-style: normal;
}
ol,ul {
	list-style: none;
}
caption,th {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
}
table {
	font: 100%;
	font-size: inherit;
}
select, input, textarea {
	font: 99% arial,helvetica,clean,sans-serif;
}
pre, code {
	font: 115% monospace;
	font-size: 100%;
}
html {
	height: 100%;
}
/*======================================

	01.setting

=======================================*/

body {
	margin: 0px;
	background-color: #fff;
	padding: 0px;
	text-align: center;
	line-height: 120%;
	color: #666;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
/*======================================

	02.layout

=======================================*/

#container {
	margin: 0 auto;
	width: 980px;
	text-align: center;
}
#main {
	margin: 0 auto;
	width: 860px;
	text-align: center;
}
#contents {
	position: relative;
	float: left;
	margin-right: 20px;
	width: 600px;
	text-align: left;
}
#contents,
#sub {
	margin-bottom: 20px;
}


#body {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: auto;
	text-align: center;
}


#sub {
	float: left;
	padding-top: 5px;
	width: 240px;
}

.sec a {
	color:#FF6600;
}

/*======================================

	03.margin

=======================================*/

.mt_xsmall {
	margin-top: 5px;
}
.mt_small {
	margin-top: 8px;
}
.mt_middle {
	margin-top: 10px;
}
.mt_large {
	margin-top: 20px;
}
.ml_middle {
	margin-left:10px;
}

/*======================================

	04.font

=======================================*/

p.add,
dt.add {
	color:#f00;
	font-size:0.9em;
}

.red {
	color:#f00;
}

.add_big {
	color:#00A0E9;
	font-size:1.2em;
}

.txt_small {
	font-size:0.8em;
}

#contents h2#merit,
#contents h2#company,
#contents h2#contact,
#contents h2#flow,
#contents h2#contact3,
#contents h2#contact4,
#contents h2#reason,
#contents h2#point1,
#contents h2#point2,
#contents h2#point3,
#contents h2#point4,
#contents h2#law,
#contents h2#privacy,
#contents h2#faq,
#contents h2#a4_size1,
#contents h2#a4_size2,
#contents h2#a4_size3,
#contents h2#a4_size4,
#contents h2#a6_size1,
#contents h2#a6_size2,
#contents h2#a6_size3,
#contents h2#a6_size4,
#contents h2#b5_size1,
#contents h2#b5_size2,
#contents h2#b5_size3,
#contents h2#b5_size4,
#contents h2#pay1,
#contents h2#pay2,
#contents h2#method,
#contents h2#option {
	position: relative;
	margin-bottom: 13px;
	margin-left: -10px;
	width: 610px;
	height: 49px;
	text-indent: -999em;
}

.sec h2#law {
 background:url(../img/law/h2_law.gif) no-repeat 0 0;
}
.sec h2#privacy {
 background:url(../img/privacy/h2_privacy.gif) no-repeat 0 0;
}

#contents h2#merit {
	background: url(../img/top/h2_merit.jpg) no-repeat 0 0;
}
.top h2#company {
	background: url(../img/top/h2_company.jpg) no-repeat 0 0;
}

#contents h2#contact {
	background: url(../img/top/h2_contact.jpg) no-repeat 0 0;
	margin-bottom:0;
}

.sec h2#flow {
	background: url(../img/flow/h2_flow.gif) no-repeat 0 0;
}
.sec h2#contact3 {
	background: url(../img/contact/h2_contact1.gif) no-repeat 0 0;
}
.sec h2#contact4 {
	background: url(../img/contact/h2_contact2.gif) no-repeat 0 0;
}
.sec h2#reason {
	background: url(../img/reason/h2_reason.gif) no-repeat 0 0;
}
.sec h2#point1 {
	background: url(../img/point/h2_point1.gif) no-repeat 0 0;
}
.sec h2#point2 {
	background: url(../img/point/h2_point2.gif) no-repeat 0 0;
}
.sec h2#point3 {
	background: url(../img/point/h2_point3.gif) no-repeat 0 0;
}
.sec h2#point4 {
	background: url(../img/point/h2_point4.gif) no-repeat 0 0;
}
.sec h2#faq {
	background: url(../img/faq/h2_faq.gif) no-repeat 0 0;
}
.sec h2#a4_size1 {
	background:url(../img/size/h2_title1.gif) no-repeat 0 0;
}

.sec h2#a4_size2 {
	margin-top:15px;
 background:url(../img/size/h2_title2.gif) no-repeat 0 0;
}
.sec h2#a4_size3 {
	margin-top:15px;
 background:url(../img/size/h2_title3.gif) no-repeat 0 0;
}
.sec h2#a4_size4 {
	margin-top:15px;
 background:url(../img/size/h2_title4.gif) no-repeat 0 0;
}
.sec h2#a6_size1 {
 background:url(../img/size/h2_title5.gif) no-repeat 0 0;
}
.sec h2#a6_size2 {
	margin-top:15px;
 background:url(../img/size/h2_title6.gif) no-repeat 0 0;
}
.sec h2#a6_size3 {
	margin-top:15px;
 background:url(../img/size/h2_title7.gif) no-repeat 0 0;
}
.sec h2#a6_size4 {
	margin-top:15px;
 background:url(../img/size/h2_title8.gif) no-repeat 0 0;
}
.sec h2#b5_size1 {
 background:url(../img/size/h2_title9.gif) no-repeat 0 0;
}
.sec h2#b5_size2 {
	margin-top:15px;
 background:url(../img/size/h2_title10.gif) no-repeat 0 0;
}
.sec h2#b5_size3 {
	margin-top:15px;
 background:url(../img/size/h2_title11.gif) no-repeat 0 0;
}
.sec h2#b5_size4 {
	margin-top:15px;
 background:url(../img/size/h2_title12.gif) no-repeat 0 0;
}

.sec h2#pay1 {
 background:url(../img/pay/h2_pay1.gif) no-repeat 0 0;
}

.sec h2#pay2 {
 background:url(../img/pay/h2_pay2.gif) no-repeat 0 0;
}
.sec h2#method {
 background:url(../img/method/h2_method.gif) no-repeat 0 0;
}

.sec h2#option {
 background:url(../img/option/h2_option.gif) no-repeat 0 0;
}

/*======================================

	05.Img & HR

=======================================*/

.imgleft {
	float: left;
}
.imgleft img {
	margin: 0 15px 0 0;
}
.hr {
	width:auto;
	clear: both;
	background: url(../img/common/hline.gif) repeat-x center 10px;
	height:31px;
}
.hr hr {
	display: none;
}

/*======================================

	06.List

=======================================*/

ul.point {

}
ul.point li {
	display:block;
	height:auto;
	height:1%;
	background:url(../img/common/icon_list.gif) no-repeat left top;
	padding:9px 0 0 26px;
}

* html ul.point li {
	padding-top:7px;
}

ul.point li.head {
	display:block;
	background:url(../img/common/icon_list_head.gif) no-repeat left top;
}

* html ul.point li.head {
	padding-top:7px;
}

ul.clist_green {

}
ul.clist_green li:first-letter {
	color:#8DC21F

}

/* safari hack */
html[xmlns*=""] body:last-child ul.point li {  
	padding:7px 0 0 26px;
}

ul.list {
	margin-left:10px;
}
ul.list li {
	color:#f00;
	font-size:0.8em;
}

/*======================================

	0.header

=======================================*/

#header {
	position: relative;
	margin: 0 auto;
	background: url(../img/common/logo.jpg) no-repeat 0 0;
	width: 980px;
	height: 104px;
	text-align: center;
	text-align: left;
}
#header h1 {
	display: block;
	margin-left: 60px;
	width: 308px;
	height: 104px;
}
#header h1 a {
	display: block;
	width: 308px;
	height: 104px;
	text-indent: -999em;
}
#header p.disp {
	position: absolute;
	top: 0px;
	left: 60px;
	width: 860px;
	text-align: center;
	color: #fff;
	font-size: 0.7em;
}
#header p.sitename {
	display: none;
}
#header_navi {
	position: absolute;
	top: 21px;
	right: 60px;
	width: 494px;
	height: 83px;
}
#header_navi p#tel {
	display: none;
}

#header_navi ul {
	margin-top: 49px;
}

#header_navi ul li {
	display: block;
	float: left;
	width: 132px;
	height: 24px;
}

#header_navi ul li a {
	display: block;
	width: 132px;
	height: 24px;
	text-indent: -999em;
}

/*======================================

	0.mnavi

=======================================*/

ul#mnavi {
	display: block;
	background: url(../img/common/mnavi.jpg) no-repeat 0 0;
	width: 860px;
	height: 50px;
}

ul#mnavi li {
	display: block;
	float: left;
	width: 123px;
	height: 50px;
}

ul#mnavi li a {
	display: block;
	width: auto;
	height: 50px;
	text-indent: -999em;
}

ul#mnavi li.bt1 a:hover {
	background: url(../img/common/mnavi.jpg) no-repeat 0 -50px;
}

ul#mnavi li.bt2 a:hover {
	background: url(../img/common/mnavi.jpg) no-repeat -123px -50px;
}

ul#mnavi li.bt3 a:hover {
	background: url(../img/common/mnavi.jpg) no-repeat -246px -50px;
}

ul#mnavi li.bt4 a:hover {
	background: url(../img/common/mnavi.jpg) no-repeat -369px -50px;
}

ul#mnavi li.bt5 a:hover {
	background: url(../img/common/mnavi.jpg) no-repeat -492px -50px;
}

ul#mnavi li.bt6 a:hover {
	background: url(../img/common/mnavi.jpg) no-repeat -615px -50px;
}

ul#mnavi li.bt7 a:hover {
	background: url(../img/common/mnavi.jpg) no-repeat -738px -50px;
}

ul#mnavi li.bt7 {
	width: 122px;
}

/*======================================

	0.mnavi_foots

=======================================*/

#mnavi_foot {
	clear: both;
	margin: 0 auto;
	background: url(../img/common/mnavi_foot.jpg) no-repeat 0 0;
	width: 860px;
	height: 40px;
}

#mnavi_foot ul#pan {
	display: inline;
	float: left;
	margin: 9px 0 0 35px;
	width: 395px;
	font-size: 0.7em;
}

#mnavi_foot ul#pan a {
	margin: 0 5px 0 0;
	background: url(../img/common/pannavi.gif) no-repeat right 1px;
	padding: 0 10px 0 0;
	color: #666;
}

#mnavi_foot ul#pan li {
	float: left;
}

#mnavi_foot ul#shop_navi {
	display: block;
	float: right;
	margin-right: 9px;
	width: 359px;
}

#mnavi_foot ul#shop_navi li {
	display: block;
	float: left;
	height: 36px;
}

#mnavi_foot ul#shop_navi li a {
	display: block;
	height: 36px;
	text-indent: -999em;
}

#mnavi_foot ul#shop_navi li.bt1 {
	width: 87px;
}

#mnavi_foot ul#shop_navi li.bt1 a:hover {
	background: url(../img/common/mnavi_foot.jpg) no-repeat -492px -40px;
	width: 87px;
}

* html #mnavi_foot ul#shop_navi li.bt1 a:hover {
	background: url(../img/common/mnavi_foot.jpg) no-repeat -483px -40px;
	width: 87px;
}

#mnavi_foot ul#shop_navi li.bt2 {
	width: 104px;
}

#mnavi_foot ul#shop_navi li.bt2 a:hover {
	background: url(../img/common/mnavi_foot.jpg) no-repeat -579px -40px;
	width: 104px;
}

* html #mnavi_foot ul#shop_navi li.bt2 a:hover {
	background: url(../img/common/mnavi_foot.jpg) no-repeat -570px -40px;
	width: 104px;
}

#mnavi_foot ul#shop_navi li.bt3 {
	width: 168px;
}

#mnavi_foot ul#shop_navi li.bt3 a:hover {
	background: url(../img/common/mnavi_foot.jpg) no-repeat -683px -40px;
	width: 168px;
}

* html #mnavi_foot ul#shop_navi li.bt3 a:hover {
	background: url(../img/common/mnavi_foot.jpg) no-repeat -674px -40px;
	width: 168px;
}

/*======================================

	00.TOP PAGE

=======================================*/

.top {
	position: relative;
	width: auto;
	text-align: left;
	padding-top:4px;
}

.top .keyvisual {
	position: relative;
	margin-left: -9px;
	background: url(../img/top/top_img.jpg) no-repeat 0 0;
	width: 609px;
	height: 235px;
	margin-bottom: 10px;
}

.top .keyvisual h2 {
	display: none;
}

.top .keyvisual p a {
	display: block;
	width: 609px;
	height: 235px;
	text-indent: -999em;
}

/* Top banner */

.top #top_banner {
	position: relative;
	margin-left: -9px;
	padding-bottom: 15px;
	width: 609px;
	height: 122px;
	/*height: 244px;*/
}

.top #top_banner ul li {
	float: left;
}

/* merit bg */

.top #merit_bg {
	position: relative;
	margin-left: -37px;
	background: url(../img/top/merit_bg.jpg) no-repeat 0 0;
	padding: 115px 200px 0 37px;
	width: 637px;
}

.top #merit_bg p {
	margin-bottom: 5px;
	font-size: 0.8em;
}

html > body .top #merit_bg {
	width: 400px;
	height: auto;
}

.top #merit_bg h3 {
	display: none;
}

.top #merit_bg h4 {
	margin: 10px 0 5px;
	color: #00A0E9;
	font-size: 14px;
}

.top #merit_list {
	position: relative;
	margin-bottom: 6px;
	margin-left: -5px;
	width: 605px;
}



.top #merit_list ol li {
	float: left;
}

/* company profile */

#company_profile {
	font-size: 0.8em;
}
#company_profile a {
	color: #FF6600;
}

#company_profile ul li {
	line-height:normal;
	margin-bottom:0;
}
#company_profile p strong {
	color: #5F8215;
	font-size: 1.2em;
}
/* CLEF. NEWS */

#news {
	background: url(../img/top/clef_news_bg.gif) no-repeat 0 0;
	padding-top: 44px;
	width: auto;
	height: 232px;
	font-size: 0.7em;
	margin-bottom: 10px;
}



html > body #news {
	height: 188px;
}



#news .cnt {
	margin-right: 16px;
	margin-left: 16px;
	width: auto;
	height: 172px;
	overflow: auto;
}



#news h2 {
	display: none;
}



#news ul {
}



#news ul li {
	border-bottom: 1px solid #95C62F;
	padding: 8px 10px;
	line-height: 120%;
}

#open_campaign p {
	margin-bottom:10px;
}

open_campaign {
	margin-bottom:10px;
}

/*======================================

	0.SECOND PAGE

=======================================*/

.sec {
	padding: 4px 0 0 0;
	width: auto;
	font-size: 0.8em;
}


.sec_coming {
	padding: 20px 0 0 0;
}


.sec p {
	margin-bottom: 10px;
}


.sec h2,
.sec h3 {
	margin-bottom: 15px;
}

.sec ul,
.sec ol {
	margin-bottom: 10px;
}

.sec ul li {
	margin-bottom: 3px;
}

.sec ol li {
	margin-bottom: 10px;
}


.sec ol.privacy li {
	margin-bottom: 10px;
}


.sec ol.privacy dl {
	margin-top: 10px;
}


.sec ol.privacy dl dd {
	margin-left: 20px;
}

.sec ol.privacy {
	margin: 0 0 0 25px;
	list-style-type: decimal;
}


.sec ol.privacy li ul {
	margin: 0 0 0 30px;
	list-style-type: circle;
}


.sec ol.privacy li ul li {
	margin-bottom: 3px;
}


/*======================================

	0.Flow

=======================================*/

#flow_parts1 {
	margin-bottom: 15px;
	background: url(../img/flow/flow_parts1_bg.gif) no-repeat 0 0;
	padding-top: 44px;
	width: auto;
	height: 267px;
	font-size: 11px;
}



html > body #flow_parts1 {
	height: 232px;
}



#flow_parts1 .cnt {
	margin-right: 16px;
	margin-left: 16px;
	width: auto;
	height: 207px;
}



#flow_parts1 h2 {
	display: none;
}



#flow_parts1 ul {
}



#flow_parts1 ul li {
	border-bottom: 1px solid #95C62F;
	padding: 6px 10px;
	line-height: 120%;
}


#flow_parts1 ul li.end {
	border-bottom: none;
}

#flow_select {
	position: relative;
	margin-left: -4px;
	width: 604px;
}


#flow_select h4 {
	display: block;
	width: auto;
	height: 35px;
	text-indent: -999em;
}


#flow_select p {
	display: block;
	display: block;
	background: url(../img/flow/flow_select_bg.gif) no-repeat 0 bottom;
	padding: 5px 20px 10px 35px;
	width: auto;
}

#flow_select p span {
	display: block;
	margin-top: 8px;
}


#flow_select h4.title1 {
	background: url(../img/flow/h3_title1.gif) no-repeat 0 0;
}

#flow_select h4.title2 {
	background: url(../img/flow/h3_title2.gif) no-repeat 0 0;
}

#flow_select h4.title3 {
	background: url(../img/flow/h3_title3.gif) no-repeat 0 0;
}

#flow_select h4.title4 {
	background: url(../img/flow/h3_title4.gif) no-repeat 0 0;
}

#flow_select h4.title5 {
	background: url(../img/flow/h3_title5.gif) no-repeat 0 0;
}

#flow_select h4.title6 {
	background: url(../img/flow/h3_title6.gif) no-repeat 0 0;
}

#flow_select h4.title7 {
	background: url(../img/flow/h3_title7.gif) no-repeat 0 0;
}

#flow_select h4.title8 {
	background: url(../img/flow/h3_title8.gif) no-repeat 0 0;
}

#flow_select h4.title9 {
	background: url(../img/flow/h3_title9.gif) no-repeat 0 0;
}

#flow_select h4.title10 {
	background: url(../img/flow/h3_title10.gif) no-repeat 0 0;
}


/*======================================

	0.Reason

=======================================*/

.reason_section {
	width: auto;
}
.reason_section .leftimg {
	display: block;
	float: right;
	margin-left: 10px;
}

.reason_section .rightimg {
	display: block;
	position: relative;
	float: left;
	margin-right: 10px;
}
.reason_section .rightimg img.right {
	margin-left: -10px;
}
.reason_section h3.right {
	margin-left: 240px;
}
.reason_section h3 {
	display: block;
	width: auto;
	width: 350px;
	height: 50px;
	text-indent: -999em;
}

.reason_section h3#title1 {
	background: url(../img/reason/title1.gif) no-repeat 0 0;
}

.reason_section h3#title2 {
	background: url(../img/reason/title2.gif) no-repeat 0 0;
}

.reason_section h3#title3 {
	background: url(../img/reason/title3.gif) no-repeat 0 0;
}

.reason_section h3#title4 {
	background: url(../img/reason/title4.gif) no-repeat 0 0;
}

.reason_section h3#title5 {
	background: url(../img/reason/title5.gif) no-repeat 0 0;
}

.reason_section h3#title6 {
	background: url(../img/reason/title6.gif) no-repeat 0 0;
}

/*======================================

	0.Point

=======================================*/

.point_parts1 {

}
.point_parts1 img {
	vertical-align:middle;
}


/*======================================

	0.Faq

=======================================*/

.faq_section {
	width:auto;
}


.faq_section a {
	color:#666;
}

.faq_section ul {
	display:block;
}

.faq_section ul li {
	padding:9px 0 0 26px;
	margin-bottom:5px;
}

.faq_section h3 {
	display:block;
	width:282px;
	height:25px;
	text-indent:-999em;
	background:no-repeat 0 0;
}

.faq_section h3#title1 {
	background:url(../img/faq/h3_title1.jpg);
}

.faq_section h3#title2 {
	background:url(../img/faq/h3_title2.jpg);
}

.faq_section h3#title3 {
	background:url(../img/faq/h3_title3.jpg);
}

.faq_section h3#title4 {
	background:url(../img/faq/h3_title4.jpg);
}

.faq_section .article_left {
	display:inline;
	width:282px;
	float:left;
	margin-right:36px;
}

.faq_section .article_right {
	display:inline;
	width:282px;
	float:left;
}

.faq_section2 {
	clear:both;
	width:auto;
	background:
}

.faq_section2 .article {
	width:auto;
	background:url(../img/faq/section_bg.gif) no-repeat bottom;
	padding:10px 10px 1px 60px;
}

.faq_section2 h3 {
	background:url(../img/faq/h3_bg.gif) no-repeat 0 0;
	width:auto;
	height:50px;
	color:#fff;
	font-size:16px;
	line-height:50px;
	padding-left:30px;
	margin-bottom:0;
}

.faq_section2 h3 img {
	float:right;
	margin:13px 5px 0 0;
}

.sec .pagetop {
	margin-top:3px;
	font-size:0.8em;
}

.sec .pagetop a {
	color:#999;
}

/*======================================

	0.Size

=======================================*/

.size_section {
	padding-bottom:15px;
}
.size_section h2 {
	margin:0 0 2px 0;
}
.size_section table {
	border-right:1px solid #8DC21F;
	border-bottom:1px solid #8DC21F;
}
.size_section table th,
.size_section table td.color {
	text-align:center;
	background-color:#FFFFE6;
}
.size_section table th,
.size_section table td {
	border-left:1px solid #8DC21F;
	border-top:1px solid #8DC21F;
	vertical-align:middle;
	text-align:center;
	padding:10px 5px;
	line-height:normal;
}
.size_section table .bgcolor {
	background-color:#FFFFE6;
}
.size_section table .txt {
	text-align:left;
	margin-left: 5px;
}
.size_section p.bt {
	text-align:right;
	margin:5px 0 0 0;
}
.size_section .add {
	color:#EC0000;
	font-size:0.8em;
}

/*======================================

	0.Pay

=======================================*/

.pay_section {
	width:auto;
}

.pay_section h3 {
	width:auto;
	height:25px;
	text-indent:-999em;
}

.pay_section h3#title1 {
	background:url(../img/pay/h3_title.gif) no-repeat 0 0;
}

.pay_section dl {
	display:block;
	background:url(../img/pay/bank_info_bg.gif) no-repeat 0 0;
	width:390px;
	height:140px;
	margin-left:105px;
	padding-top:18px;
	margin-bottom:10px;
	line-height:1.4em;
}

:root .pay_section dl {
	padding-top:23px;
}

.pay_section dl dt {
	margin-left:80px;
}

.pay_section dl dd {
	margin-left:95px;
	margin-bottom:5px;
}

/*======================================

	0.Method

=======================================*/

#method_select {
	position: relative;
	margin-left: -4px;
	width: 604px;
}


#method_select h4 {
	display: block;
	width: auto;
	height: 35px;
	text-indent: -999em;
}


#method_select .article {
	display: block;
	background: url(../img/flow/flow_select_bg.gif) no-repeat 0 bottom;
	padding: 5px 20px 10px 35px;
	width: auto;
	margin-bottom:10px;
}

#method_select .article span {
	display: block;
	margin-top: 8px;
}


#method_select h4.title1 {
	background:url(../img/method/h3_title1.gif) no-repeat 0 0;
}
#method_select h4.title2 {
	background:url(../img/method/h3_title2.gif) no-repeat 0 0;
}
#method_select h4.title3 {
	background:url(../img/method/h3_title3.gif) no-repeat 0 0;
}
#method_select .article .entry {
	width:auto;
	background-color:#fff;
	padding:10px;
	zoom:1;
	margin-bottom:10px;
}
#method_select .article .entry h5 {
	margin-bottom:5px;
}
#method_select .article .entry h6 {
	margin-bottom:5px;
	font-weight:normal;
	font-size:1em;
}
#method_select .article .entry ol {
	margin-left:3em;
}
#method_select .article .entry ol li {
	list-style-type:decimal;
	margin-bottom:0;
}
#method_select .article .rough_seat_bt {
	float:right;
	margin-left:10px;
}
#method_select .article .rough_seat_img {
	position:relative;
	margin-left:-12px;
	clear:both;
}
/*======================================

	0.Sub Navi

=======================================*/

#sub_contact {
	width: auto;
}
#sub_contact li.bt1,
#sub_contact li.bt1 a {
	display: block;
	background: url(../img/common/sub_price_bt.jpg) no-repeat 0 0;
	width: auto;
	height: 133px;
	text-indent: -999em;
}
#sub_contact li.bt1 a:hover {
	background: url(../img/common/sub_price_bt.jpg) no-repeat -240px 0;
}

h2#bt2 {
	display: block;
	background: url(../img/common/sub_webcon_bt.jpg) no-repeat 0 0;
	width: auto;
	height: 53px;
	text-indent: -999em;
}

/* sub list */

#sub_list {
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 0 1px;
	width: auto;
}
#sub_list ul {
	margin-top: 0px;
}


#sub_list h2#price,
#sub_list h2#works {
	background: url(../img/common/h2_sub_price.jpg) no-repeat 0 0;
	width: 236px;
	height: 51px;
	text-indent: -999em;
}

#sub_list #price a,
#sub_list #works a {
	display:block;
	width:236px;
	height:51px;
	text-indent:-999em;
}


#sub_list h2#works {
	background: url(../img/common/h2_sub_works.jpg) no-repeat 0 0;
}


#sub_list li {
	margin: 0 auto;
	background: url(../img/common/hline.gif) no-repeat bottom;
	width: 200px;
	text-align: left;
	font-size: 0.8em;
}


#sub_list li a {
	display: block;
	background: url(../img/common/sub_list.gif) no-repeat 0 5px;
	padding: 4px 0 4px 20px;
	width: auto;
	color: #666;
}


#sub_list li a img {
	margin: 0 3px 0 0;
	vertical-align: bottom;
}


:root #sub_list li a img {
	margin: 0 3px 0 0;
	vertical-align: middle;
}


#sub_list h2#works_price,
#sub_list h3#sub_merit,
#sub_list h3#guid,
#sub_list h3#sub_contact2 {
	background: url(../img/common/h3_works_price.jpg) no-repeat 0 0;
	width: 236px;
	height: 46px;
	text-indent: -999em;
}


#sub_list h3#sub_merit {
	background: url(../img/common/h3_merit.jpg) no-repeat 0 0;
}


#sub_list h3#guid {
	background: url(../img/common/h3_guid.jpg) no-repeat 0 0;
}


#sub_list h3#sub_contact2 {
	background: url(../img/common/h3_contact.jpg) no-repeat 0 0;
}


#sub_list_foot {
	display: block;
	background: url(../img/common/sub_list_foot.gif) no-repeat 0 0;
	width: auto;
	height: 119px;
}


#sub_list_foot h2,
#sub_list_foot p {
	display: none;
}


#snavi_illust_bt {
	position: relative;
	margin-top: 4px;
	height: 116px;
}


#snavi_illust_bt p {
	position: absolute;
	top: 0;
	left: 0;
}


/* sub clef navi */

#sub_clef {
	margin-top: 15px;
	background: url(../img/common/sub_clef_bg.gif) repeat-y 0 0;
	width: auto;
	font-size: 0.7em;
}


#sub_clef a {
	background: url(../img/common/sub_clef_list.gif) no-repeat 0 2px;
	padding: 0 0 0 10px;
	color: #666;
}



#sub_clef ul {
	margin: 3px 0;
}


#sub_clef ul li {
	margin-left: 17px;
	text-align: left;
}


#sub_clef h2#clef_group {
	background: url(../img/common/sub_group_title.gif) no-repeat 0 0;
	width: auto;
	height: 34px;
	text-indent: -999em;
}


#sub_clef h2#clef_service {
	margin-top: 5px;
	background: url(../img/common/sub_service_title.gif) no-repeat 0 0;
	width: auto;
	height: 24px;
	text-indent: -999em;
}


#sub_clef .hr {
	margin: 0;
	background: url(../img/common/sub_clef_foot.gif) no-repeat 0 0;
	padding: 0;
	height: 17px;
}


/* blog */

#blog {
	position: relative;
	width: auto;
	height: 200px;
}


#blog h2 {
	display: none;
}


#blog .cnt {
	position: absolute;
	top: 0;
	left: 0;
	margin-left: -9px;
	background: url(../img/common/blog_bg.jpg) no-repeat 0 0;
	width: 283px;
	height: 200px;
}


#blog .cnt ul {
	position: absolute;
	top: 41px;
	left: 33px;
	width: 200px;
}


#blog .cnt ul li {
	background: url(../img/common/blog_list_line.gif) no-repeat left bottom;
	padding: 5px 0;
	text-align: left;
	font-size: 0.7em;
}


#blog .cnt ul li a {
	background: url(../img/common/blog_list_icon.gif) no-repeat 0 0;
	padding-left: 12px;
	color: #fff;
}


/*======================================

	00.footer

=======================================*/

#footer {
	background: url(../img/common/footer_bg.jpg) no-repeat bottom;
	padding: 0 0 43px 0;
	width: auto;
	text-align: center;
}


#page_foot {
	clear: both;
	margin: 0 auto;
	background: url(../img/common/hline.gif) repeat-x 0 0;
	padding: 10px 0;
	font-size: 0.7em;
}


#page_foot a {
	text-decoration: underline;
	color: #666;
}


#page_foot ul {
}


#page_foot ul li {
	float: left;
}


#page_foot ul li.home {
	background: url(../img/common/page_foot_list.gif) no-repeat 0 4px;
	padding-left: 16px;
}


#page_foot ul li a {
	margin: 0 5px 0 0;
	background: url(../img/common/pannavi.gif) no-repeat right 1px;
	padding: 0 10px 0 0;
	color: #666;
}


.pagetop {
	float: right;
}

.pagetop a {
	color:#999;
}

/* footer navi */

#foot_navi {
	margin: 0 auto;
	background: url(../img/common/hline.gif) repeat-x 0 0;
	padding-top: 12px;
	width: 860px;
	padding:20px 0;
	text-align: left;
	font-size: 0.7em;
}

#foot_navi a {
	color: #666;
}


#foot_navi li.head {
	color: #5F8215;
	font-weight: bold;
}

#foot_navi ul {
	clear: both;
	height:20px;
}

#foot_navi ul li {
	float: left;
	margin-left: 5px;
	background: url(../img/common/foot_navi_list.gif) no-repeat right 3px;
	padding: 0 5px 0 0;
}

#foot_navi .cnt {
	background: url(../img/common/foot_navi_listbg.gif) repeat-y 0 0;
	padding-left: 10px;
	width: auto;
}


#foot_navi strong {
	color: #f00;
}


/* footer company */

#footer_company {
	clear: both;
	border-bottom: 40px #8DC21F solid;
}


#footer_company .cnt {
	margin: 2px 0;
	padding-left: 55px;
	width: auto;
	height: 67px;
	text-align: left;
}


#footer_company .cnt .clef_banner {
	float: left;
	margin-right: 20px;
	border-right: 1px solid #ccc;
	padding: 18px 20px;
}


#footer_company .cnt .footer_navi {
	display: block;
	float: left;
	margin-top: 19px;
	background: url(../img/common/footer_menu.gif) no-repeat 0 0;
	width: 314px;
}


#footer_company .cnt .footer_navi ul li {
	float: left;
	height: 18px;
}


#footer_company .cnt .footer_navi ul li a {
	display: block;
	width: auto;
	height: 12px;
	text-indent: -999em;
}


#footer_company .cnt .footer_navi ul li.bt1,
#footer_company .cnt .footer_navi ul li.bt2,
#footer_company .cnt .footer_navi ul li.bt3 {
	width: 70px;
}


#footer_company .cnt .footer_navi ul li.bt4 {
	width: 104px;
}


.other_banner {
	display: inline;
	float: right;
	margin-right: 80px;
	padding-top: 17px;
	width: 165px;
}


.other_banner li.team-6 {
	float: right;
}


address {
	clear: both;
	background: url(../img/common/address.gif) no-repeat 0 0;
	width: 265px;
	height: 12px;
	text-indent: -999em;
}


/*======================================

	0.All Page Parts

=======================================*/

/* contact bt */
#contact_bt {
	position: relative;
	margin-left: -10px;
	background: url(../img/common/contact_bt.jpg) no-repeat 0 0;
	width: 610px;
	height: 193px;
}
#contact_bt p {
	display: none;
}
#contact_bt ul {
	display: block;
	position: absolute;
	top: 122px;
	left: 9px;
	width: 450px;
	height: 60px;
}
#contact_bt ul li {
	float: left;
	height: 60px;
}
#contact_bt ul li a {
	display: block;
	width: auto;
	height: 60px;
	text-indent: -999em;
}
#contact_bt ul li.bt1 {
	margin-right: 10px;
	width: 200px;
}
#contact_bt ul li.bt1 a:hover {
	background: url(../img/common/contact_bt1_r.jpg) no-repeat 1px 0;
}
#contact_bt ul li.bt2 {
	width: 240px;
}
#contact_bt ul li.bt2 a:hover {
	background: url(../img/common/contact_bt2_r.jpg) no-repeat 1px 0;
}

/* clef group site*/

#group_site {
	margin-top: 12px;
	width: 600px;
}



#group_site th,
#group_site td {
	width: 25%;
	text-align: center;
	vertical-align: top;
	font-size: 0.7em;
}



#group_site td {
	padding: 3px 0 5px;
}


/* contact table */

.contact_bg {
	clear: both;
	background: url(../img/common/table_bg.gif) no-repeat 0 bottom;
}


.contact_bg form {
	display: block;
	background: url(../img/common/table_head.gif) no-repeat 0 0;
	padding: 3px 5px;
	width: auto;
	height: auto;
}


* html .contact_bg form {
	padding-top: 0;
}


* html .table_head {
	background: url(../img/common/table_head.gif) no-repeat 0 bottom;
	height: 22px;
}

.table_head_sec {
	background: url(../img/common/table_head.gif) no-repeat 0 bottom;
	height: 22px;
}

.table_head_sec hr {
	display:none;
}

.add_txt {
	display: inline;
	float: right;
	margin-bottom: -15px;
	background: url(../img/common/add_icon.gif) no-repeat 0 0;
	padding: 0 0 0 28px;
	height: 22px;
	line-height: 22px;
}


.add_txt img {
	display: none;
}


.contact_bg table th.add {
	background: url(../img/common/add_icon.gif) no-repeat right 9px;
}


.contact_bg table {
	width: 590px;
}


.contact_bg table th {
 width:150px;
}

.contact_bg table th,
.contact_bg table td {
	border-bottom: 1px solid #8DC21F;
	padding: 10px;
	vertical-align: top;
}


.contact_bg table td {
	padding-left: 10px;
}


.contact_bg table em {
	font-size: 0.8em;
}


.contact_bg table td#submit_bt  {
	background-color: #FFFFE6;
	text-align: center;
}

.contact_bg table td#submit_bt .section {
	width:420px;
	margin:0 auto;
}

.contact_bg table td#submit_bt .cntleft {
	width:45%;
	float:left;
}


.contact_bg table td#submit_bt .cntright {
	width:45%;
	float:right;
}

.submit_back {
	background:url(../img/common/submit_bt3.jpg) no-repeat 0 0;
	width:180px;
	height:28px;
	border:none;
	text-indent:-999em;
	cursor:pointer;
}

/*======================================

	98.clearfix

=======================================*/

.clearfix:after {
	display: block;
	clear: both;
	height: 1px;
	height: 0;
	content: ".";
	visibility: hidden;
}


.clearfix {
	display: inline-table;
}


* html .clearfix {
	height: 1em;
	overflow: visible;
}

.clearfix {
	display: block;
}

/*======================================

	99.other

=======================================*/

.center {
	text-align: center;
}

#hotlink {
	font-size:10px;
	text-align:right;
	color:#666;
}

#hotlink a {
	font-size:10px;
	text-align:right;
	color:#666;
}