@charset "Shift_JIS";

/* 基本設定 */
body {
	color: #333;
	background: #1B4893 url("../images/bg_base_01.gif");
	margin: 0;
	padding: 0;
}

html,body { height: 100%; width: 100%; text-align: center;}
table.base { width:810px; height:100%; margin: 0 auto;}
table.base td.bg{ background-image: url("../images/topbg.gif"); vertical-align:top; text-align:center;}
table.base td.bg2{ background-image: url("../images/topbg2.gif"); vertical-align:top; text-align:center;}

p{margin: 0;}

h1 { font-size: 12px; margin: 0; padding: 0; overflow: hidden;}
h2 { font-size: 12px; margin: 0; padding: 0;}
h3 { font-size: 12px; margin: 0; padding: 0; overflow: hidden;}
h4 { font-size: 12px; margin: 0; padding: 0; overflow: hidden;}
h5 { font-size: 12px; margin: 0; padding: 0; overflow: hidden;}
p { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; list-style-type: none; }
ol { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }
a { color:#666; text-decoration: none; }
form { margin: 0; padding: 0; }
.alignright { margin:0; padding:0; display:block; float:right;}
.aligncenter { margin:0 auto 0 auto; padding:0; text-align:center; display:block; clear:both;}

img, a img { border:none;}

a:link, a:visited { color: #999; text-decoration: underline; }
a:hover, a:active { color: #336ECF; text-decoration: underline; }

a.a1:link, a.a1:visited { color: #336ECF; text-decoration: none; }
a.a1:hover, a.a1:active { color: #336ECF; text-decoration: none; }

a.a2:link, a.a2:visited { color: #333333; text-decoration: underline; }
a.a2:hover, a.a2:active { color: #336ECF; text-decoration: underline; }

/* 文字サイズ指定 */
.fs10 { font-size: 10px; line-height: 150%;}
.fs12 { font-size: 12px; line-height: 150%;}
.fs14 { font-size: 14px; line-height: 150%;}
.fs16 { font-size: 16px; line-height: 150%;}
.fs18 { font-size: 18px; line-height: 150%;}
.fs22 {	font-size: 22px; line-height: 150%;}
.fs24 {	font-size: 24px; line-height: 150%;}

.fs26 {	font-size: 26px; line-height: 150%;}
.fskakaku {
	font-size: 30px;
	line-height: 150%;
	font-weight: bold;
	color: #FF0000;
}

.red { color:#D60303;}
.blue { color:#0068B7;}
a.arrow02{ background:url("../images/arrow_02.gif") no-repeat left center; padding-left:13px; margin-left:3px;}

/* 簡易スペーサ */
.spacing-min { margin-bottom: 1px; }
.spacing5 { margin-bottom: 5px; }
.spacing10 { margin-bottom: 10px; }
.spacing15 { margin-bottom: 15px; }
.spacing20 { margin-bottom: 20px; }
.spacing30 { margin-bottom: 30px; }
.spacing35 { margin-bottom: 35px; }
.spacing40 { margin-bottom: 40px; }
.spacing60 { margin-bottom: 60px; }
.sp370 { padding-bottom: 370px; }
.sp330 { padding-bottom: 330px; }

.spacingleft5 { margin-left: 5px; }
/* float hack */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End Hide from mac IE5 */

/* ロールオーバーのテキストを隠すためのhack */
.hidetxt { text-indent: -9999px; overflow: hidden; }

/* メインコンテンツ（共通） */
#main-contents{ width: 810px; margin:0; padding:0; background: url("../images/contentsbg.gif") repeat-y;}
#contents{
	width:768px;
	margin:0  auto;
	padding:0;
	text-align:left;
}
.topline{ width:768px; height:3px; border-top:3px solid #336ECF; margin:0; padding:0; font-size:1px; line-height:1px;}
.topline2{ width:768px; height:3px; border-top:3px solid #83d612; margin:0; padding:0; font-size:1px; line-height:1px;}
.pagetop{ margin:10px 0 15px 0;}

/* パンくず */
#breadcrumb{width:768px; background:url("../images/dot_line.gif") repeat-x bottom; padding:10px 0;}
#breadcrumb .left{width:623px;}
#breadcrumb .right{width:145px; float:right; background:url("../images/font_title.gif") no-repeat 0 0;}
.top-font .right{width:145px; float:right; background:url("../images/font_title.gif") no-repeat 0 0;}

#breadcrumb a.largefont{display:block; width:17px; height:14px; background: url("../images/fontsize_l.gif") no-repeat 0 0; margin-left:2px; float:right;}
#breadcrumb a.defaultfont{display:block; width:17px; height:14px; background:url("../images/fontsize_m.gif") no-repeat 0 -14px; margin-left:2px; float:right;}
#breadcrumb a.smallfont{display:block; width:17px; height:14px; background: url("../images/fontsize_s.gif") no-repeat 0 0; float:right;}
#breadcrumb a span{display:none;}

.top-font a.largefont{display:block; width:17px; height:14px; background: url("../images/fontsize_l.gif") no-repeat 0 0; margin-left:2px; float:right;}
.top-font a.defaultfont{display:block; width:17px; height:14px; background:url("../images/fontsize_m.gif") no-repeat 0 -14px; margin-left:2px; float:right;}
.top-font a.smallfont{display:block; width:17px; height:14px; background: url("../images/fontsize_s.gif") no-repeat 0 0; float:right;}
.top-font a span{display:none;}

/* フッター（共通） */
.footer{width:788px; height:100px; border-top:1px solid #D5D5D5; margin:0 auto;}
.footer p.copy{ color:#fff; margin:7px 5px 0 0; float:right;}

/* index.html　トップページ */
/* top navigation */
.navi{width:768px; text-align:left;}
.navi li{ float:left;}
.toph2 {
	font-weight: normal;
	padding: 5px;
}
.clear {
	clear: both;
}

.navi a { display: block;}
.navi #n01 a {width: 156px; height:45px; background:url("../../images/navi01.gif") no-repeat;}
.navi #n01 a:link,.navi #n01 a:visited { background-position: 0px 0px; }
.navi #n01 a:hover,.navi #n01 a:active { background-position: 0px -45px; }

.navi #n02 a {width: 153px; height:45px; background:url("../../images/navi02.gif") no-repeat;}
.navi #n02 a:link,.navi #n02 a:visited { background-position: 0px 0px; }
.navi #n02 a:hover,.navi #n02 a:active { background-position: 0px -45px; }

.navi #n03 a {width: 153px; height:45px; background:url("../../images/navi03.gif") no-repeat;}
.navi #n03 a:link,.navi #n03 a:visited { background-position: 0px 0px; }
.navi #n03 a:hover,.navi #n03 a:active { background-position: 0px -45px; }

.navi #n04 a {width: 153px; height:45px; background:url("../../images/navi04.gif") no-repeat;}
.navi #n04 a:link,.navi #n04 a:visited { background-position: 0px 0px; }
.navi #n04 a:hover,.navi #n04 a:active { background-position: 0px -45px; }

.navi #n05 a {width: 153px; height:45px; background:url("../../images/navi05.gif") no-repeat;}
.navi #n05 a:link,.navi #n05 a:visited { background-position: 0px 0px; }
.navi #n05 a:hover,.navi #n05 a:active { background-position: 0px -45px; }

.thisconts{ background-position: 0px -45px!important;}

/* second navigation */
.navi02{width:490px; text-align:left; float:right;}
.navi02 li{ float:left;}
.navi02 a { display: block;}
.navi02 #n01 a {width: 98px; height:49px; background:url("../images/navi02_01.gif") no-repeat;}
.navi02 #n01 a:link,.navi02 #n01 a:visited { background-position: 0px 0px; }
.navi02 #n01 a:hover,.navi02 #n01 a:active { background-position: 0px -49px; }

.navi02 #n02 a {width: 98px; height:49px; background:url("../images/navi02_02.gif") no-repeat;}
.navi02 #n02 a:link,.navi02 #n02 a:visited { background-position: 0px 0px; }
.navi02 #n02 a:hover,.navi02 #n02 a:active { background-position: 0px -49px; }

.navi02 #n03 a {width: 98px; height:49px; background:url("../images/navi02_03.gif") no-repeat;}
.navi02 #n03 a:link,.navi02 #n03 a:visited { background-position: 0px 0px; }
.navi02 #n03 a:hover,.navi02 #n03 a:active { background-position: 0px -49px; }

.navi02 #n04 a {width: 98px; height:49px; background:url("../images/navi02_04.gif") no-repeat;}
.navi02 #n04 a:link,.navi02 #n04 a:visited { background-position: 0px 0px; }
.navi02 #n04 a:hover,.navi02 #n04 a:active { background-position: 0px -49px; }

.navi02 #n05 a {width: 98px; height:49px; background:url("../images/navi02_05.gif") no-repeat;}
.navi02 #n05 a:link,.navi02 #n05 a:visited { background-position: 0px 0px; }
.navi02 #n05 a:hover,.navi02 #n05 a:active { background-position: 0px -49px; }

.thisconts02{ background-position: 0px -49px!important;}


/* rhome/index.html　リフォームトップページ */
/* top navigation */
.r_navi{width:768px; text-align:left;}
.r_navi li{ float:left;}
.r_navi a { display: block;}
.r_navi #rn01 a {width: 110px; height:45px; background:url("../../images/r_navi01.gif") no-repeat;}
.r_navi #rn01 a:link,.navi #rn01 a:visited { background-position: 0px 0px; }
.r_navi #rn01 a:hover,.navi #rn01 a:active { background-position: 0px -45px; }

.r_navi #rn02 a {width: 110px; height:45px; background:url("../../images/r_navi02.gif") no-repeat;}
.r_navi #rn02 a:link,.navi #rn02 a:visited { background-position: 0px 0px; }
.r_navi #rn02 a:hover,.navi #rn02 a:active { background-position: 0px -45px; }

.r_navi #rn03 a {width: 110px; height:45px; background:url("../../images/r_navi03.gif") no-repeat;}
.r_navi #rn03 a:link,.navi #rn03 a:visited { background-position: 0px 0px; }
.r_navi #rn03 a:hover,.navi #rn03 a:active { background-position: 0px -45px; }

.r_navi #rn04 a {width: 110px; height:45px; background:url("../../images/r_navi04.gif") no-repeat;}
.r_navi #rn04 a:link,.navi #rn04 a:visited { background-position: 0px 0px; }
.r_navi #rn04 a:hover,.navi #rn04 a:active { background-position: 0px -45px; }

.r_navi #rn05 a {width: 110px; height:45px; background:url("../../images/r_navi05.gif") no-repeat;}
.r_navi #rn05 a:link,.navi #n05 a:visited { background-position: 0px 0px; }
.r_navi #rn05 a:hover,.navi #n05 a:active { background-position: 0px -45px; }

.r_navi #rn06 a {width: 110px; height:45px; background:url("../../images/r_navi06.gif") no-repeat;}
.r_navi #rn06 a:link,.navi #n06 a:visited { background-position: 0px 0px; }
.r_navi #rn06 a:hover,.navi #n06 a:active { background-position: 0px -45px; }

.r_navi #rn07 a {width: 108px; height:45px; background:url("../../images/r_navi07.gif") no-repeat;}
.r_navi #rn07 a:link,.navi #n07 a:visited { background-position: 0px 0px; }
.r_navi #rn07 a:hover,.navi #n07 a:active { background-position: 0px -45px; }

.thisconts{ background-position: 0px -45px!important;}

/* second navigation */
.r_navi02{width:490px; text-align:left; float:right;}
.r_navi02 li{ float:left;}
.r_navi02 a { display: block;}
.r_navi02 #n01 a {width: 70px; height:49px; background:url("../images/r_navi02_01.gif") no-repeat;}
.r_navi02 #n01 a:link,.navi02 #n01 a:visited { background-position: 0px 0px; }
.r_navi02 #n01 a:hover,.navi02 #n01 a:active { background-position: 0px -49px; }

.r_navi02 #n02 a {width: 70px; height:49px; background:url("../images/r_navi02_02.gif") no-repeat;}
.r_navi02 #n02 a:link,.navi02 #n02 a:visited { background-position: 0px 0px; }
.r_navi02 #n02 a:hover,.navi02 #n02 a:active { background-position: 0px -49px; }

.r_navi02 #n03 a {width: 70px; height:49px; background:url("../images/r_navi02_03.gif") no-repeat;}
.r_navi02 #n03 a:link,.navi02 #n03 a:visited { background-position: 0px 0px; }
.r_navi02 #n03 a:hover,.navi02 #n03 a:active { background-position: 0px -49px; }

.r_navi02 #n04 a {width: 70px; height:49px; background:url("../images/r_navi02_04.gif") no-repeat;}
.r_navi02 #n04 a:link,.navi02 #n04 a:visited { background-position: 0px 0px; }
.r_navi02 #n04 a:hover,.navi02 #n04 a:active { background-position: 0px -49px; }

.r_navi02 #n05 a {width: 70px; height:49px; background:url("../images/r_navi02_05.gif") no-repeat;}
.r_navi02 #n05 a:link,.navi02 #n05 a:visited { background-position: 0px 0px; }
.r_navi02 #n05 a:hover,.navi02 #n05 a:active { background-position: 0px -49px; }

.r_navi02 #n06 a {width: 70px; height:49px; background:url("../images/r_navi02_06.gif") no-repeat;}
.r_navi02 #n06 a:link,.navi02 #n06 a:visited { background-position: 0px 0px; }
.r_navi02 #n06 a:hover,.navi02 #n06 a:active { background-position: 0px -49px; }

.r_navi02 #n07 a {width: 70px; height:49px; background:url("../images/r_navi02_07.gif") no-repeat;}
.r_navi02 #n07 a:link,.navi02 #n07 a:visited { background-position: 0px 0px; }
.r_navi02 #n07 a:hover,.navi02 #n07 a:active { background-position: 0px -49px; }

.thisconts02{ background-position: 0px -49px!important;}





.top-logo{ margin-bottom:1px; float:left;}
.sec-logo{ margin-bottom:1px; float:left;}
.left-info{ width:480px; margin-top: 15px; float:left;}
.left-info .info-cont{ margin:0 10px 0 10px;}
.left-info p.info-txt{ font-weight:bold;}
.dotline{ background:url("../images/dot_line.gif") repeat-x center; padding:0;}
.left-info p.arrow01{ background:url("../images/arrow_01.gif") no-repeat left 5px; padding-left:12px; margin-left:2px;}

.left-info2{ width:480px; margin-top: 15px; float:left;}
.left-info2 .info-cont{ margin:0 10px 0 10px;}
.left-info2 p.info-txt{ font-weight:bold;}
.left-info2 p.arrow01{ background:url("../images/arrow_01_2.gif") no-repeat left 5px; padding-left:12px; margin-left:2px;}

.right-latest{ width:268px; margin-top: 15px; float:right;}