@charset "UTF-8";
@import "top.css";
@import "news.css";
@import "oshiete.css";
@import "present.css";
@import "about.css";
@import "contact.css";
@import "form.css";
@import "dojo.css";

@import "admin.css";
/*== redefine ==*/
*{margin:0;padding:0;}
body,p,th,td,h1,h2,h3,h4,h5,h6{
line-height:1.5;
	color: #666;
	font-size:small;
}
/*リストをマーカつきで使いたいときは、後述 .cmn_plainTxt で囲う*/
ol,ul{list-style:none;}
input{
font-size:small;
line-height:1.5;
color:#333;
}
textarea{
font-size:small;
line-height:1.5;
color:#333;
padding:2px 4px;
}
img{border:none; vertical-align:middle;}
body{
background:#fff;
text-align:center;
}
a{
font-weight:bold;
color:#555;
}
a:visited{
color:#888;
}
a:hover{
color:#3a7aba;
}
abbr{border:none;}

em{
font-style:normal;
font-weight:bold;
}
table{
	border-collapse:collapse;
}


/*以下、「汎用クラス名」と「MT側で用意されたクラス名」を併記している場合があります*/

/*== common ==*/
/*clearfix*/
.cmn_cf{zoom:1;}
.cmn_cf:after{content:".";display: block;height:0px;clear:both;visibility:hidden;}

h3{
line-height:1.3;
color:#ee6400;
margin-bottom:0.3em;
}

/* note（小さい文字の注釈） */
.cmn_note{
font-size:x-small;
}
/* リンクに「矢印」 */
.cmn_link a, a.cmn_link, 
.asset-more-link a,.widget-archive-category a{
background:url(../../images/cmn_link.gif) no-repeat 0 45%;
padding-left:12px;
text-decoration:none;
}

.page_next{
background:url(../../images/cmn_link.gif) no-repeat 100% 45%;
padding-right:12px;
}
.page_prev{
background:url(../../images/cmn_link_l.gif) no-repeat 0% 45%;
padding-left:12px;
}
/* 本文ひとかたまり（段下げ+末尾に余白）*/
.cmn_ctsBlock{
margin:0 0 1.5em 24px;
}
#cts_sub .cmn_ctsBlock, .widget-content{
margin:0 0 1.5em 10px;
}

/*文字を画像化したときの「ずれて見える感」を補正*/
#lead_l img, h3 img{
	position:relative;
	left:-1px;
}

/*見出し+メタ情報*/
.cmn_header{
padding:2px 0 2px 13px;
margin:0 15px 0.7em 12px;
background:url(../../images/cmn_h3_bg.gif) repeat-y;
}
h3.cmn_header{
border-bottom:solid 1px #ddd;

}
.cmn_header h3{
margin-bottom:3px;
border-bottom:solid 1px #ddd;
font-size:medium;
}
.cmn_meta{
padding:1px 0 0 0;
font-size:x-small;
}
/*囲み記事*/
.cmn_column_wrap{
width:510px;
background:url(../../images/cmn_column01.gif) no-repeat;
position:relative;
left:-5px;
margin:1em 0;
}
.cmn_column{
background:url(../../images/cmn_column02.gif) no-repeat 0% 100%;
padding:10px 15px;
}

/*囲み記事-ちょっと強調*/
.cmn_columnSp_wrap{
width:510px;
background:url(../../images/cmn_clmn_sp01.gif) no-repeat;
margin:1em 0;
}
.cmn_columnSp{
background:url(../../images/cmn_clmn_sp02.gif) no-repeat 0% 100%;
padding:22px 25px;
}

/*同・2カラムの場合*/
.cmn_columnSp_s_wrap{
width:244px;
background:url(../../images/cmn_clmn_sp_s01.gif) no-repeat;
margin:0 0 1em 15px;
}
.cmn_columnSp_s{
background:url(../../images/cmn_clmn_sp_s02.gif) no-repeat 0% 100%;
padding:17px 16px;
}

/*「読ませる」テキスト*/
.cmn_plainTxt h4{
margin-bottom:0.5em;
}
.cmn_plainTxt h5{
margin-bottom:0.3em;
}
.cmn_plainTxt p, div#lead p{
margin-bottom:1em;
}
.cmn_plainTxt ol p{
margin-bottom:0.5em;
}
.cmn_plainTxt ol{
list-style:decimal;
margin:0 0 1.3em 2em;
}
.cmn_plainTxt ul{
list-style:disc;
margin:0 0 1.3em 1.5em;
}
.cmn_plainTxt li{
margin-bottom:1em;
}
.cmn_plainTxt .cmn_short li, .cmn_plainTxt li li{
margin-bottom:0.2em;
}
table.cmn_plainTxt{
border:none;
border-collapse:collapse;
}
.cmn_plainTxt th{
text-align:left;
color:#999;
vertical-align:top;
padding:0 0.5em 0.5em 0;
}
.cmn_plainTxt td{
text-align:left;
vertical-align:top;
padding:0 0 0.5em;
}

/*== header ==*/
#pagetop{
width:100%;
background:url(../../images/hdr_bg02.gif) repeat-x 50% 0%;
}
#hdr{
min-width:773px;
width: expression(document.body.clientWidth < 774? "773px" : "auto");
padding:15px 10px 5px;
background:url(../../images/hdr_bg01.jpg) no-repeat 50% 0%;
}
#hdr_in{
width:753px;
margin:auto;
text-align:left;
padding-right:8px;
}
#hdr h1{
float:left;
padding:0 0 3px 4px;
display:inline;
}

#hdr ul{
float:right;
margin-top:53px;
text-align:center;
display:inline;
}

#hdr li{
list-style:none;
display:inline;
margin-right:1px;
}
/*#hdr p{
clear:both;
margin-left:5px;
width:165px;
text-align:right;
border-top: solid 1px #ccc;
padding-top:1px;
line-height:12px;
}
#hdr p{
clear:both;
text-align:right;
padding:0 3px 0;
}*/
#hdr ul.hdr_sub{
	background:url(../../images/hdr_sub_bg.gif) no-repeat 0 2px;
	padding-left:192px;
	margin-top:0;
clear:both;
	float:none;
	display:block;
zoom:1;
}
#hdr ul.hdr_sub:after{content:".";display: block;height:0px;clear:both;visibility:hidden;}
#hdr .hdr_sub li{
		float:left;
}
#hdr .hdr_sub li.hdr_sub_top{
	float:right;
	padding-top:2px;
}


/*== footer ==*/
#ftr{
width:733px;
padding:13px 20px 1.5em;
margin:20px auto 0;
text-align:left;
background:url(../../images/ftr_bg.gif) no-repeat 50% 0%;
}
#ftr ul{
list-style:none;
}
#ftr_inq{
float:left;
}
#ftr_inq a img{
background:url(../../images/ftr_inq_icon.gif) no-repeat;
padding:6px 0 3px 67px;
}
#ftr_nav{
float:right;
}
#ftr_nav li{
display:inline;
margin-left:1em;
}
#ftr_copy{
text-align:center;
float:left;
font-size:x-small;
width:260px;
margin:3px 0 0 45px;
}
.ftr_copy_e{
margin-top:0.7em;
}

/*==corner title==*/
div#ttl{
text-align:left;
background:url(../../images/cmn_h2_bg.gif) no-repeat;
padding:3px 0 0 5px;
margin-bottom:10px;
}
.cmn_compact div#ttl{
margin-bottom:20px;
}


#ttl h2{
padding-bottom:5px;
}
#ttl h2 img{
vertical-align:bottom;
margin-right:3px;
}
#ttl h2 .cmn_link{
vertical-align:bottom;
}
div#lead p, p#lead{
color:#aa8e6e;
margin-left:8px;
}
#lead_l{
color:#ee6400;
font-size:large;
font-weight:bold;
margin-left:8px;
}

/*== contents_wireframe ==*/
/*#cts_wrap{*/
.content{
width:765px;
margin:auto;
text-align:left;
}
#cts{
width:765px;
background:url(../../images/cmn_sub_bg.gif) repeat-y 550px 0%;
zoom:1;
min-height:300px;
}
*html #cts{
height:300px;
}
#cts:after{content:".";display: block;height:0px;clear:both;visibility:hidden;}

#cts_main{
width:530px;
float:left;
display:inline;
zoom:1;
min-height:350px;
}
*html #cts_main{
height:350px;
}
/*メモ：段下げは「左12px」*/
#cts_main:after{content:".";display: block;height:0px;clear:both;visibility:hidden;}

/*banner*/
#cts_ad{
width:215px;
float:right;
padding-bottom:13px;
background:#fff;
}
/*h2を左カラムに収めるレイアウトの場合*/
.cmn_compact #cts_ad{
padding-top:2em;
}
#cts_ad a img{
background:url(../../images/bnr_bg.gif) no-repeat;
padding-top:16px;
}

#cts_sub{
width:190px;
margin-right:15px;
display:inline;
float:right;
padding-bottom:200px;/*イラスト分確保*/
}
/*ページ先頭へ*/
#cts_end{
width:733px;
text-align:right;
margin:1em auto 0;
font-size:x-small;
}
/*同・文中に挟む場合*/
.cts_endMiddle{
text-align:right;
margin:0.5em 15px 2em 0;
font-size:x-small;
clear:both;
}

#cts_end a, .cts_endMiddle a{
text-decoration:none;
background:url(../../images/cmn_link_t.gif) no-repeat 100% 0%;
padding-right:12px;
}

/*==sub column ==*/
#cts_sub h3{
background:url(../../images/cmn_h3s_bg.gif) no-repeat 0% 50%;
padding-left:10px;
min-height:14px;
margin-bottom:0.5em;
}
*html #cts_sub h3{
height:14px;
}
#cts_sub h3.cmn_h3Long{
background:url(../../images/cmn_h3_bg.gif) repeat-y;
}
#cts_sub .cmn_ctsBlock{
margin:0 0 1.5em 10px;
}
#cts_sub ul{
list-style:none;
}
#cts_sub ul a{
text-decoration:none;
}
#cts_sub li{
background:url(../../images/cmn_link.gif) no-repeat 0 0.3em;
padding-left:12px;
line-height:1.3;
margin-bottom:0.4em;
}