@CHARSET "utf-8";

/* Base properties*/
html { font-size: 13px; font-family: 'ＭＳ Ｐゴシック', sans-serif; color: #333; line-height: 13px; }
a { color: #294FBC; }

/* Common classes */
.alt { line-height: 0; text-indent: -9999px; display: block; }
.clear { clear: both; line-height: 0 ! important; height: 0 ! important; width: 0 ! important; }
.tipped { color: #999; }

/* Template images */
html { background-image: url(../images/tpl_20100302/20100302_r13_c12.gif); }
body { background: url(../images/tpl_20100302/20100302_r13_c2.gif) repeat-y center; }
/* Across */
#head, #lead, #glonav, #glonav li a:hover, #foot_ext1, #foot {
	background-image: url(../images/tpl_20100302/20100302_r1_c2.gif); background-repeat: no-repeat;
}
/* Icons */
#lcol_links > .m li .icon {
	background-image: url(../images/tpl_20100302/20100302_r8_c6.gif);
}
/* Left column */
#lcol_tak, #lcol_shu, #lcol_ten,
		#lcol_news > .h, #lcol_news > .f,
		#lcol_contact,
		#lcol_links > .h, #lcol_links > .f,
		#lcol_blog > .h, #lcol_blog > .f {
	background-image: url(../images/tpl_20100302/20100302_r3_c2.gif); background-repeat: no-repeat;
}

/* Right column */
#rcol_quick, #rcol_stuff1, #rcol_bnrs1, #rcol_faq1, #rcol_faq2, .rcol_content > .h, .rcol_content > .f {
	background-image: url(../images/tpl_20100302/20100302_r5_c9.gif); background-repeat: no-repeat;
}


/* Center column */
.ccol_content > .h, .ccol_content > .f {
	background-image: url(../images/tpl_20100302/20100302_r5_c5.gif); background-repeat: no-repeat;
}


/* Template Layouts */
#head_wrap, #col_wrap, #foot_wrap { width: 980px; margin: auto; position: relative; clear: both; }
#col_wrap, #ccol_wrap, #rcol_wrap, #foot_wrap {
	margin-top: 10px;
}
#lcol_wrap { width: 278px; float: left; }
#crcol_wrap { width: 692px; float: right; }
#ccol_wrap { width: 500px; float: left; }
#rcol_wrap { width: 180px; float: right; }

#head { height: 100px; background-position: 0 0; }
#lead {height: 184px; background-position: 0 -100px; }
#glonav { height: 42px; background-position: 0 -284px; margin-top: 10px; }
#glonav li a.e1:hover { background-position: 0 -326px; }
#glonav li a.e2:hover { background-position: -163px -326px; }
#glonav li a.e3:hover { background-position: -326px -326px; }
#glonav li a.e4:hover { background-position: -489px -326px; }
#glonav li a.e5:hover { background-position: -652px -326px; }
#glonav li a.e6:hover { width: 165px; background-position: -815px -326px; }
#head_wrap h1 { margin-top: 10px; }
#foot_ext1 { height: 46px; background-position: 0 -368px; margin-top: 10px; }
#foot { height: 130px; background-position: 0 -414px; margin-top: 10px; }

/* Element layouts */
#head_link1 { width: 174px; height: 100px; }
#head_link2 { width: 180px; height: 100px; position: absolute; top: 0; left: 174px; }
#head_link3 { width: 180px; height: 70px; position: absolute; top: 30px; right: 0; }
#glonav li,
#glonav li a { height: 42px; width: 163px;  }
#glonav li { float: left; }

#foot_ext1 { font-size: 11px;}
#foot_ext1 p { width: 800px; position: absolute; top: 5px; left: 170px; color: #666; }
#foot_ext1 ul { width: 800px; position: absolute; top: 19px; left: 170px; color: #294FBC; }
#foot_ext1 li { display: inline; margin-right: 5px; }
#foot_group_list { width: 220px; position: absolute; top: 90px; left: 98px; font-size: 11px; }
#foot_group_list li { display: inline; margin-left: 5px; }
#foot_rss_list { width: 100px; height: 70px; position: absolute; top: 70px; left: 365px; }
#foot_rss_list li,
#foot_rss_list li a{ height: 23px; }
#foot_qrcord { width: 75px; height: 75px; position: absolute; left: 599px; top: 69px; }
#foot_gsl { position: absolute; right: 124px; top: 70px; }





/* Element properties */
#head_wrap h1 { font-weight: bold; color: #fff; text-align: center; }

#lcol_wrap > * { position: relative; }
#lcol_shu, #lcol_ten, #lcol_news, #lcol_contact, #lcol_links, #lcol_blog {
	margin-top: 10px;
}
#lcol_kaitori li, #lcol_kaitori li a { height: 100px; }
#lcol_tak { background-position: 0 0; }
#lcol_ten { background-position: 0 -100px; }
#lcol_shu { background-position: 0 -200px; }
#lcol_news { background: #fff; }
#lcol_news > .h { height: 36px; background-position: 0 -464px; }
#lcol_news > .h a { height: 18px; width: 54px;  position: absolute; top: 10px; left: 218px; }
#lcol_news > .f { height: 11px; background-position: 0 -311px; }
#lcol_news > .m { width: 90%; margin: auto; margin-top: 8px;  }
#lcol_news > .m h4 a { font-weight: bold; text-decoration: none; color: #ff7700; }
#lcol_news > .m .date { color: #666; font-size: 11px; text-align: right; }
#lcol_news > .m .description { margin-top: 8px; line-height: 1.2; }
#lcol_contact { height: 100px; background-position: 0 -364px; }
#lcol_contact a { height: 18px; width: 80px;  position: absolute; top: 80px; right: 5px; }
#lcol_links { background: #fff; }
#lcol_links > .h { height: 34px; background-position: 0 -507px; }
#lcol_links > .m { }
#lcol_links > .m { width: 95%; margin: auto; }
#lcol_links > .m ul { margin-top: 10px; font-size: 11px; }
#lcol_links > .m ul.lcol { float: left; width: 49%; border-right: 1px solid #eee; }
#lcol_links > .m ul.rcol { float: right; width: 49%;}
#lcol_links > .m li { position: relative; width: 85%; margin-bottom: -8px; }
#lcol_links > .m li .icon { height: 14px; width: 8px; display: block; background-position: -20px -2px; }
#lcol_links > .m li a { display: block; position: relative; top: -14px; left: 12px; }
#lcol_links > .f { height: 11px; background-position: 0 -311px; }
#lcol_blog {background: #fff; }
#lcol_blog > .h { height: 36px; background-position: 0 -548px; }
#lcol_blog > .h a { width: 100%; height: 36px; }
#lcol_blog > .m { width: 90%; margin: auto; }
#lcol_blog > .m li { margin-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #eee;  }
#lcol_blog > .m li:last-child { border-bottom: none; padding-bottom: 0; }
#lcol_blog > .m a { text-decoration: none; color: #ff7700; font-weight: bold; font-size: 13px; }
#lcol_blog > .m p { text-align: right; color: #666; font-size: 11px; margin-top: 4px; }
#lcol_blog > .f { height: 11px; background-position: 0 -311px; }

#ccol_wrap > *  { position: relative; margin-top: 10px; }

#rcol_wrap > *  { position: relative; margin-top: 10px; }
#rcol_quick { height: 100px; margin-top: 0; background-position: 0 0; }
#rcol_quick input { width: 150px; position: absolute; top: 42px; left: 15px; border: 1px solid #6B82BF; }
#rcol_quick button { width: 153px; height: 30px; position: absolute; top: 66px; left: 15px; background: transparent; border: none; cursor: pointer; }
#rcol_stuff1 { height: 100px; background-position: 0 -100px; }
#rcol_stuff1 a { height: 100px; width: 100%; }
#rcol_bnrs1 { height: 209px; background-position: 0 -200px; }
#rcol_bnrs1 a { width: 160px; height: 40px; position: absolute; left: 10px;  }
#rcol_bnrs1 a.e1 { top: 10px; }
#rcol_bnrs1 a.e2 { top: 60px; }
#rcol_bnrs1 a.e3 { top: 110px; }
#rcol_bnrs1 a.e4 { top: 160px; }
#rcol_faq1 { height: 100px; background-position: 0 -409px; }
#rcol_faq2 { height: 100px; background-position: 0 -509px; }
#rcol_faq1 a, #rcol_faq2 a {
	position: absolute; top: 0; height: 100px; width: 100%;
}




/* CenterRight column */
#crcol_wrap .crcol_content .h, #crcol_wrap .crcol_content .f {
	background-image: url(../images/tpl_20100302/20100302_r3_c4.gif); background-repeat: no-repeat;
}

#crcol_wrap { width: 691px; }
#crcol_wrap .crcol_content { background: #fff; }
#crcol_wrap .crcol_content .h { height: 36px; line-height: 36px; background-position: 0 -20px;}
#crcol_wrap .crcol_content .h h2 { width: 655px; height: 36px; margin-left: auto; font-weight: bold; font-size: 18px; overflow: hidden; }
#crcol_wrap .crcol_content .caption { width: 640px; margin: 10px auto; font-weight: bold; line-height: 1.5; background: #FEECCA; padding: 10px; }
#crcol_wrap .crcol_content .m { /*width:*/ width: 640px; 680px; margin: 20px auto; line-height: 1.5; }
#crcol_wrap .crcol_content .f { height: 10px; background-position: 0 -10px; }

#crcol_wrap .crcol_content strong { font-weight: bold; }

#crcol_wrap .crcol_content h3 { margin: 20px auto 10px auto; padding: 3px 5px; font-weight: bold; font-size: 16px; background: #FEDEC6; }
#crcol_wrap .crcol_content .m table { width: 100%; margin: 10px auto; }
#crcol_wrap .crcol_content .m table td { padding: 5px; }


#crcol_wrap .crcol_content .sankaku { font-weight: bold; font-size: 18px; margin: 20px 0; }
#crcol_wrap .crcol_content .k1_str { font-weight: bold; color: blue; }
#crcol_wrap .crcol_content .k2_str { font-weight: bold; color: green; }
#crcol_wrap .crcol_content .k3_str { font-weight: bold; color: red; }


.blog #ccol_wrap { margin-top: 0 ! important; }
.blog #rcol_wrap { margin-top: 0 ! important; }
.blog .ccol_content > .m h2 a { font-size: 36px; text-decoration: none; font-weight: bold; line-height: 1; }
.ccol_content { background: #fff; margin-top: 0 ! important; }
.ccol_content > .h { height: 37px; background-position: 0 -19px; line-height: 37px; }
.ccol_content > .h h2 { width: 460px; height: 37px; margin-left: auto; font-weight: bold; font-size: 16px; overflow: hidden; }
.ccol_content > .m { width: 95%; margin: 20px auto; line-height: 1.5; }
.ccol_content > .f { height: 11px; background-position: 0 -9px; }

.blog .ccol_content p.article-date { text-align: right; margin: 20px 0; font-size: 16px; color: #666; font-weight: bold; }

.rcol_content { background: #fff; }
.rcol_content:first-child { margin-top: 0 ! important; }
.rcol_content > .h { height: 34px; background-position: 0 -629px; line-height: 34px; }
.rcol_content > .h h4 { width: 150px; height: 34px; margin-left: auto; font-weight: bold; font-size: 14px; overflow: hidden; }
.rcol_content > .m { width: 95%; margin: 10px auto; line-height: 1.2; }
.rcol_content > .f { height: 7px; background-position: 0 -662px; }

.blog .rcol_content > .m li { border-bottom: 1px solid #eee; }
.blog .rcol_content > .m li:last-child { border-bottom: none; }


.crcol_content #satei {
	margin:5px 0 5px 0;
	padding: 0 0 0 8px;
	width:640px;
	float: left;
}
.crcol_content #satei .sateikoma {
	margin: 0 5px 0 5px;
	padding: 0 0 0 0;
	width:300px;
	float: left;
	border: 1px solid #444fa1;
}
.crcol_content #satei .sateikoma_title {
	background-color: #444fa1;
	margin: 0 0 0 0;
	text-align:center;
	color: #ffffff;
	font-weight: bold;
	width:300px;
	border-bottom: 1px solid #444fa1;
}
.crcol_content #satei .sateikoma p {
	padding: 0 0 0 15px;
}
.crcol_content #sateirenraku {
	background-color: #c7c9e5;
	margin:5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	width:620px;
}



#sitemap  UL {
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    PADDING-TOP: 4px;
    BACKGROUND-COLOR: #ffffff;
}
#sitemap  UL ul {
    BACKGROUND-POSITION: left top;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND-IMAGE: url('/assets/images/li/s-dot3.gif');
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 35px;
    PADDING-TOP: 4px;
    BACKGROUND-REPEAT: repeat-y;
}
#sitemap  UL li {
    MARGIN-TOP: 0px; PADDING-LEFT: 25px; BACKGROUND-IMAGE: url('/assets/images/li/s-dot.gif'); MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; LIST-STYLE-TYPE: none
}
#sitemap  UL LI.s-close {
    BACKGROUND-IMAGE: url('/assets/images/li/s-dot2.gif'); MARGIN-BOTTOM: 5px; BACKGROUND-REPEAT: no-repeat
}
#sitemap  UL LI.s-close2 {
    BACKGROUND-IMAGE: url('/assets/images/li/s-dot4.gif'); MARGIN-BOTTOM: 0px; BACKGROUND-REPEAT: no-repeat
}
#sitemap  UL LI.s-close3 {
    BACKGROUND-IMAGE: url('/assets/images/li/s-dot5.gif')
}