@charset "UTF-8";

/* 基本構造 
____________*/

a:link {color:#1b4d7f;	text-decoration: none;}
a:visited {color: #1b4d7f;text-decoration: none;}
a:hover { color: #1b4d7f; text-decoration: underline;}
a:active { color: #1b4d7f; text-decoration: none;}

a.link:link {  color:#0000FF;text-decoration:underline; }
a.link:visited {  color:#0000FF;text-decoration:underline; }
a.link:hover {  color: #0066FF;text-decoration: underline; }
a.link:active {  color: #0066FF;text-decoration: underline; }

body {
    width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:12px;
	color:#333333;
	line-height:150%;
	background:url(./images/bg.jpg) repeat-x left top;
	text-align:center;
    font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

* html body {
	font-family: "ＭＳ Ｐゴシック", sans-serif;
	vertical-align: baseline;
	text-align: center;
	width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:13px;
	color:#333333;
	line-height:150%;
	background:url(./images/bg.jpg) repeat-x left top;
	text-align:center;
} /* for lte ie6 */

*:first-child+html body {
    font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;	
    width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:12px;
	color:#333333;
	line-height:150%;
	background:url(./images/bg.jpg) repeat-x left top;
	text-align:center;
} /* for ie7 */

html>/**/body {
    font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;	
    width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	font-size:12px;
	color:#333333;
	line-height:150%;
	background:url(./images/bg.jpg) repeat-x left top;
	text-align:center;
} /* for ie8 */
html:not(:target) body {
	font-size: 12px;
	font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	width:100%;
	height:100%;
	padding: 0;
	margin: 0; 
	color:#333333;
	line-height:150%;
	background:url(./images/bg.jpg) repeat-x left top;
	text-align:center;
}/* for modern browser not ie8 */
h2{font-size:14px;}
img {border:none; -ms-interpolation-mode: bicubic;}
p { margin:0;padding:0;}

.clear {margin:0 0 50px 0; padding:0;}
/* 共通レイアウト */
#container {width:100%; background:url(./images/head_bg.jpg) no-repeat center top; margin:0; padding:0;text-align:center;}
#content {width: 900px; height:auto; margin:0 auto; padding:0; clear:both;text-align:left;}
#header {width:900px; height:175px;margin:0 0 30px 0;padding:0;}
#logo { width:137px; height:175px; margin:0; padding:0; float:left; text-align:left;}

#hd_navi{ width:580px; height:29px; margin:0 0 35px 21px; padding:20px 0 0 0; float:left; text-align:left; display:block; list-style:none;}
#hd_navi li{ width:auto; height:29px; background:url(./images/head_icon.png) no-repeat center left; margin:0 10px; padding:0 0 0 8px; float:left; text-align:left; display:block; list-style:none; line-height:29px;}
.contact{ margin:0 0 0 0; padding:20px 0 0 0; float:right;}
#navi{ width:760px; height:58px; margin:0; padding:0; float:right; text-align:left; display:block; list-style:none;}
#navi li{ width:auto; height:58px; margin:0; padding:0; float:left; text-align:left; display:inline; list-style:none;}

#main {	width: 900px; height:auto; margin:0 0 30px 0; padding:0; float:left;}

#breadcramb {width:900px; height:24px; margin:0;padding:0;background:url(./images/pan8.png) no-repeat right center;color:#fff;float:left;}
#breadcramb02 {width:900px; height:24px; margin:0 0 20px
0; padding:0; background:url(./images/pan7.png) repeat-x left center;color:#fff;float:left;}
.bc_top_first {padding:0; margin:0; height:24px; background:url(./images/pan1.png) no-repeat left top;display:block;line-height:24px;float:left}
.bc_top_second {padding:0;margin:0;height:24px; background:url(./images/pan3.png) no-repeat left top;display:block;line-height:24px;float:left}
.bc_top_third {padding:0;margin:0;height:24px; background:url(./images/pan6.png) no-repeat left top;display:block;line-height:24px;float:left}
.bc_top_fourth {padding:0;margin:0;height:24px; background:url(./images/pan5.png) no-repeat left top;display:block;line-height:24px;float:left}

.bc_top {padding:0 5px;margin:0 0 0 4px;_margin:0 0 0 2px;height:24px; background:url(./images/pan2.png) repeat-x left center;display:block;line-height:24px;float:left;}
.bc_top02 {padding:0 5px;margin:0 0 0 11px;_margin:0 0 0 5px;height:24px; background:url(./images/pan4.png) repeat-x left center;display:block;line-height:24px;float:left;}
.bc_top03 {padding:0 5px;margin:0 0 0 11px;_margin:0 0 0 5px;height:24px; background:url(./images/pan7.png) repeat-x left top;display:block;line-height:24px;float:left;}
#breadcramb a:link {color:#fff;	text-decoration: none;}
#breadcramb a:visited {color: #fff;text-decoration: none;}
#breadcramb a:hover { color: #fff; text-decoration: underline;}
#breadcramb a:active { color: #fff; text-decoration: none;}
.top_img {width:100%; margin:0 0 30px 0; padding:0;}

#left{ width:620px; float:left; margin:0;}
.blog_lt{ border-top:1px dashed #cccccc;}
#right{ width:250px; float:right; margin:0;}
.blog_rt{ background:url(./images/blog_rt_bg.png) repeat center top; padding:12px 0;}
#footer_bg {width:100%; height:124px; background:url(./images/footer_bg.png) repeat-x center bottom; margin:0; padding:0;text-align:center; clear:both; text-align:center;}
#footer {width:900px; height:124px; margin:0 auto; padding:0;text-align:center;}
.pagetop {width:100%; text-align:right;margin:0;padding:0;clear:both;}
.copy {width:415px;float:right;padding:50px 0 0 0;text-align:right;color:#fff;}
.search {width:226px; height:auto; margin:0 0 15px 12px; padding:0; float:left;}
#comments{width:510px; float:left; margin:0 0 0 63px; padding:0;}

.next{float:right;width:126px;padding:10px 0 0 0;}
.previous{float:left;width:126px;padding:10px 0 0 0;}
/* ブログ */
.blog_main {width:100%; float:left;border-bottom:1px dashed #cccccc ; padding:30px 0 0 0; margin:0;}
.blog_date {width:43px; height:95px; float:left; background:url(./images/blog_date.png) no-repeat center top; margin:0; padding:35px 0 0 0; color:#FFFFFF; text-align:center; line-height:120%; font-size:10px;}
.fw16 {font-size:18px; color:#FFFFFF;}
.capital {text-transform:uppercase;}
.blog_body {width:510px; float:left; margin:0 0 0 20px; padding:0;}
.blog_title {width:100%; clear:both; font-size:16px; padding:30px 0 0 0; margin:0 0 5px 0; line-height:100%; color:#1b4d7f;}
.blog_info {width:100%; clear:both; font-size:10px; color:#999999; padding:0; margin:0 0 40px 0;}
.blog_sen {width:100%; margin:0 0 30px 0; clear:both;}
.blog_list {width:226px; height:auto; margin:0 0 15px 12px;_margin:0 0 15px 6px; padding:0; float:left; background-color:#FFFFFF; border:1px solid #e4e4e4}
.blog_list dt{width:226px; height:auto; margin:0; padding:0; float:left;}
.blog_list dd{width:210px; height:auto; margin:0 0 0 8px; line-height:30px; padding:0 0 0 0; text-indent:15px; float:left; text-align:left; border-bottom:1px dashed #e4e4e4;background:url(./images/list_icon.png) no-repeat center left;}
.last {border-bottom:none!important;}
#search_box {background:url(./images/searchbox.png) no-repeat left top;margin:0 0 0 10px;_margin:0 0 0 5px;}
#search {border:none; margin:5px 0 0 10px;_margin:5px 0 0 5px; width:160px;padding:0; float:left;}
.rss {float:right;width:auto;margin:0 12px 0 0;padding:10px 0 0 20px;text-align:right;background:url(./images/rssicon.png) no-repeat left bottom;line-height:16px}

/* メールマガジン */
.kiyaku {width:100%; height:auto; margin:0 0 25px 0; padding:0 0 25px 0; float:left; border-bottom:1px dashed #e4e4e4;}
.kiyaku dt{width:480px; height:auto; margin:0 0 5px 0; padding:0;line-height:19px; text-indent:25px; float:left;background:url(./images/kiyaku.png) no-repeat center left;font-size:16px;}
.kiyaku dd{width:490px; height:auto; margin:0;line-height:180%; padding:0 10px; float:left; text-align:left;}
.mailmag {width:43px; height:95px; float:left; background:url(./images/mailmag_icon.png) no-repeat center top; margin:0; padding:35px 0 0 0; color:#FFFFFF; text-align:center; line-height:120%; font-size:10px;}
.fr {font-size:12px; color:#cc0000;}
.f_small {font-size:90%;}