@charset "utf-8";
/*-----------------------------------------
 Last Update 08.03.05
	-----------------------------------------*/

/* rectangle */
.rectangle_g{
border:solid 1px #d3d3d3;
padding:0 9px;
}



/* smooth rectangle(角丸四角形) */
.smoothrectangle_g{
border-bottom:solid 1px #d3d3d3;
background:url(../images/rectangle_g_headline.jpg) top center no-repeat;
padding-top:1px;
}
.smoothrectangle_g .headline{background:#d3d3d3;
padding-left:10px;
padding-right:10px;
border-left:solid 1px #d3d3d3;
border-right:solid 1px #d3d3d3;
color:#333333;
font-weight:bolder;
line-height:180%;
font-size:110%;}

.smoothrectangle_g .contents{padding:5px 5px 5px 8px; _padding-top:0;}

.smoothrectangle_g li{
border-left:solid 1px #d3d3d3;
border-right:solid 1px #d3d3d3;
}

.smoothrectangle_y{
border-bottom:solid 1px #e2ca76;
background:url(../images/rectangle_y_headline.jpg) top center no-repeat;
padding-top:1px;
}

.smoothrectangle_y .contents{padding:10px;}
.smoothrectangle_y .headline{
background:#e2ca73;
padding-left:10px;
padding-right:10px;
border-left:solid 1px #e2ca76;
border-right:solid 1px #e2ca76;
color:#50410d;
font-weight:bolder;
font-size:110%;
line-height:180%;}

.smoothrectangle_y li{
border-left:solid 1px #e2ca76;
border-right:solid 1px #e2ca76;
background-color:#f6f0d7;
padding:3px 11px;
}

/*点線*/
.dotline_bla{border-bottom:dotted 1px #666666;}

#mainmenu .dotline_bla{padding:5px 0;
font-size:105%;
lineheight:120%;
}

#mainmenu .dotline_bla img{vertical-align:middle;}

.dotline_g{border-bottom:dotted 1px #999999;}


/*斜線*/
.slashline_g{background:url(../images/slashline_g.gif) repeat-x bottom;
}
.slashline_bla{background:url(../images/slashline_bla.gif) repeat-x bottom;
}


/*点付きリスト（グレイ）*/
.dotlist li{padding-left:1.2em;
	background:url(../images/dot_gray.gif) 0.3em 0.45em no-repeat;
	border:none;}

.dotlist li.double{
background:url(../images/dot_gray.gif) 0.3em 25% no-repeat;
}

.dotlist {_margin-top:0.5em;}
.dotlist li.first {_margin-top:-1em;}
	
#detaillink .dotlist li{padding-top:3px;padding-bottom:3px;}
#case .dotlist li{padding-top:3px;padding-bottom:3px;}
#recommend .dotlist li{padding-top:3px;padding-bottom:3px;}	

#mainmenu .rectangle_g .dotlist{padding:5px 0px 9px;
_padding:0 0px 9px;}

.link_bnr {margin-top:10px; _margin-left:2px;}

/*点付きリスト（黒）*/ 
.dotlist_black li{padding-left:1.2em;
	background:url(../images/dot_black.gif) 0.3em 0.45em no-repeat;
	border:none;}

/*三角付きリスト*/
.trianglelist li{padding-left:1em;
	background:url(../images/triangle_y.gif) 0.3em 0.45em no-repeat;
	border:none;
}


.top_trianglelist li{padding-left:1em;
	background:url(../images/triangle_y.gif) 0.3em 47% no-repeat;
	border:none;
}

	
.trianglelist_g{padding-left:2em;
	background:url(../images/triangle_y.gif) 2% 47% no-repeat;
	border:none;
	color:#666666;}

.2emli{padding-left:2em;}
.top_information{padding-left:2em;}	

/*横矢印付きリスト*/
.text_list li{
background : url(../images/index_icon.gif) 1em 0.4em no-repeat ;
padding-left:2.3em;
margin:8px 0; 
}

.back_y .text_list{padding-right:0.5em;}
.back_y .num_list li{
margin:8px 0; 
padding-right:0.5em;}

/*赤三角付きリスト*/
.triangle_red{
background : url(../images/triangle_red.gif) 0.4em 0.2em no-repeat;
padding-left:1.5em;
}


/*矢印付きリンク*/
.arrow{padding-left:1.2em;
	background:url(../images/arrow_y.gif) 0.25em 47% no-repeat;
	float:right;}

/*横並びリスト*/
.widenlist li{float:left;}

/*パンクズ*/
#pankuzu{
padding-bottom:0.5em;}

/*見出し装飾*/

#maincontents h2, 
#maincontents h3, 
#maincontents h4, 
#maincontents h5, 
#maincontents h6{clear:both;}

#maincontents h1{margin-bottom:1em;}

.atfirst{
margin-bottom:1em;}

.accent_br{	
background:url(../images/accent_br.gif) left 47% no-repeat;
padding-left:1.2em;
padding-top:0.4em;
padding-bottom:0.2em;
border-bottom:dotted 1px #999999;
font-size:105%;
font-weight:bolder;
margin-bottom:0.8em;
}
.accent_gr{	
background:url(../images/accent_gr.gif) bottom repeat-x;
color:#0f3a5e;
padding-left:1.2em;
padding-top:0.5em;
padding-bottom:0.5em;
font-weight:bolder;
font-size:105%;
padding:1em 0.8em 0.5em;
margin-bottom:0.8em;}

/*トップへ戻る*/
.return_top{
padding-left:2em;
	background:url(../images/return_top.gif) left 47% no-repeat;
	float:right;}
	
/*トップへ戻る*/
.change_page{
	float:right;}
	
.change_page:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.change_page {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .change_page {
height: 1%;
}
.change_page {
display: block;
}
	

/*画像位置制御*/
p.img_center{
text-align:center;
margin-bottom:2em;}
.img_left{float:left;}
.img_right{float:right;}


.2column:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.2column {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .2column {
height: 1%;
}
.2column {
display: block;
}

.2column p{
margin-left:0.5em;
margin-right:0.5em;}

/*お問い合わせフォーム*/
#mail{padding-top:2em;
padding-bottom:2em;}

/*段落*/
.indent{
text-indent:1em;}

.textarea{margin-left:0.5em;
margin-right:0.5em;}



/*ボックス*/
/*ベージュ*/
.rectangle_be{
background-color:#efe8ba;
padding:7px;
}

/*クリーム色*/
.rectangle_cr{
background-color:#f7f3ce;
padding:7px;
}


/*見出し装飾*/
.head_arrow{
background:url(../images/head_arrow2.jpg) no-repeat;
font-size:105%;
font-weight:bolder;
color:#ffffff;
padding:8px 12px 12px;
}

.rectangle_headarrow{
background:url(../images/head_arrow.jpg) no-repeat;
font-size:105%;
font-weight:bolder;
color:#ffffff;
padding:8px 12px 12px;
}

.rectangle_arrow
{background-color:#e2e2b0;}


/*テキスト装飾*/
.text_gr{
color:#229240;
font-weight:bolder;
}

.text_br{
color:#004c80;
font-weight:bolder;
}


/*テーブル*/

/*緑*/
.cv_green thead th{
background-color:#97cb4f;
border:solid 1px #d3d3d3;
color:#ffffff;
font-weight:bolder;
text-align:center;
padding:0.5em;
}
.cv_green tbody th{
border:solid 1px #d3d3d3;
background-color:#70b157;
color:#ffffff;
font-weight:bolder;
text-align:center;
padding:0.5em;
}
.cv_green tbody td{
border:solid 1px #d3d3d3;
background-color:#f7f3ce;
padding:0.5em;
}

/*青*/
.cv_blue thead th{
background-color:#96b9cf;
border:solid 1px #999999;
text-align:center;
padding:0.5em;
}
.cv_blue tbody th{
background-color:#d4e2ed;
border:solid 1px #999999;
text-align:center;
padding:0.5em;
}
.cv_blue tbody td{
background-color:#ffffff;
border:solid 1px #999999;
padding:0.5em;
}


/*事例用テーブル*/
.cv_gray{
border:solid 1px #CCCCCC;
background-color:#ffffff;
}

.cv_gray table{
border-collapse:separate;
border-spacing:1px;
color:#464646;}

.cv_gray thead th{
background-color:#d8dcdf;
text-align:left;
padding:0.5em 15px;
_border:solid 1px #ffffff;
}
.cv_gray tbody th{
background-color:#e7ebec;
text-align:left;
padding:0.5em 15px;
_border:solid 1px #ffffff;
}
.cv_gray tbody td{
background-color:#f8f8f8;
padding:0.5em;
_border:solid 1px #ffffff;

}

/*IE用*/
*:first-child+html .cv_gray table{
border:solid 1px #ffffff;
border-collapse:collapse;
}

*:first-child+html .cv_gray thead th{
border:solid 1px #ffffff;
background-color:#d8dcdf;
text-align:left;
padding:0.5em 15px;
}
*:first-child+html .cv_gray tbody th{
border:solid 1px #ffffff;
background-color:#e7ebec;
text-align:left;
padding:0.5em 15px;
}
*:first-child+html .cv_gray tbody td{
border:solid 1px #ffffff;
background-color:#f8f8f8;
padding:0.5em;
}



/**/


/*例用*/
.ex{
background-color:#eaeaea;
padding:6px;}

.ex .textarea{
padding:0;
margin:7px;
}

.accent_ex{
background:#c3c3c3 url(../images/triangle_y.gif) 10px 10px no-repeat;
padding:5px 5px 5px 20px;
margin-bottom:1em;
font-size:110%;
font-weight:bolder;
}

.accent_ex:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.accent_ex {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .accent_ex {
height: 1%;
}
.accent_ex {
display: block;
}
/* End hide from IE-mac */

/*まとめボックス*/
.summary{
padding:13px 8px 12px 35px;
background:url(../images/arrow_gr.gif) 10px 0.7em #efe8ba no-repeat;
color:#229240;
font-weight:bolder;
font-size:110%;}


.ex .summary{padding:13px 8px 12px 35px;
background:url(../images/arrow_gr_wh.gif) 10px 0.7em #ffffff no-repeat;
color:#229240;
font-weight:bolder;
border:solid 1px #cccccc;
font-size:110%;}

/*背景色をつける*/
.back_y{
padding:5px;
border:1px solid #f1e9d2;
background-color:#fbf7eb;
color:#493709;
}

/*befor after*/
.accent_befor{	
background:url(../esm_dif/img/accent_before.gif) left top no-repeat;
padding-left:100px;
padding-top:0.4em;
padding-bottom:0.2em;
border-bottom:dotted 1px #999999;
font-size:105%;
font-weight:bolder;
margin-bottom:0.8em;
}

.accent_after{	
background:url(../esm_dif/img/accent_after.gif) left top no-repeat;
padding-left:100px;
padding-top:0.4em;
padding-bottom:0.2em;
border-bottom:dotted 1px #999999;
font-size:105%;
font-weight:bolder;
margin-bottom:0.8em;
}