@charset "Shift_JIS";

body,h1,h2,h3,h4,h5,h6,td,th,div,p,input,textarea,pre,ul,ol,li {
font-family:"ＭＳ Ｐゴシック","Hiragino kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, sans-serif;
font-size:14px;
color:#000;
}

body {
margin:0;
padding:0;
text-align:center;
background:#fff;
}

h1,h2,h3,h4,h5,h6,div,p,ul,ol,li,dl,dt,dd,form,pre,input,textarea {
margin:0;
padding:0;
font-weight:normal;
line-height:1.6;
}
div {line-height:1.6;}

ul,ol,li {list-style:none;}

table,img {
border:0;
vertical-align:top;
margin:0 auto;
padding:0;
line-height:1.6;}

em,address { font-style:normal;}

hr {display:none;}

/*------link-------*/

a:link {color:#0066CC;text-decoration:underline;}
a:visited {color:#0066CC;text-decoration:underline;}
a:hover {color:#0066CC;text-decoration:none;}
a:active {color:#0066CC;text-decoration:none;}
a:focus { outline:none;}

/*------waku-------*/
#wrap{
width:800px;
padding:0;
margin:0 auto;
text-align:left;
background: url(../images/wrap.gif) 0 0 repeat-y;
}

.header { width:800px;}
.header h1 {
width:750px!important;
width:800px;
font-size:12px;
color:#fff;
padding:4px 0 2px 50px;
margin:0;
text-align:left;
background: url(../images/h1_bg.jpg) 0 0 no-repeat;
}
.header p.L {
float:left;
}
.header p.R {
float:right;
}

/*------　navi　-------*/

.navi{
float:left;
width:200px;
padding:15px 0;
/*background:#33ff00;*/
}

.navi ul{
width:180px;
margin:0 0 0 10px;
}
.navi ul li{
margin:0 0 20px 0;
padding:0 0 0 20px;
line-height:1.2;
font-size:14px;
background: url(../images/icon.gif) 0 1px no-repeat;
}
.navi ul li a{
font-weight:bold;
}
.navi ul li a:link {color:#003366;text-decoration:underline;}
.navi ul li a:visited {color:#003366;text-decoration:underline;}
.navi ul li a:hover {color:#FF6600;text-decoration:none;}
.navi ul li a:active {color:#FF6600;text-decoration:none;}


/*------　コンテンツ　-------*/

.contents{
float:right;
width:570px;
padding:0;
margin:15px 15px 15px 0;
display:inline;
/*background:#66CCCC;*/
}
.contents p{
margin:0;
}

h2 {
width:550px!important;
width:570px;
font-size:18px;
color:#FF3300;
padding:9px 0 5px 20px;
margin:0 0 15px 0;
text-align:left;
font-weight:bold;
background: url(../images/h2_2.jpg) 0 5px no-repeat;
}
h3 {
width:555px!important;
width:570px;
font-size:16px;
color:#006600;
padding:0 0 5px 15px;
margin:10px 0 10px 0;
text-align:left;
font-weight:bold;
background: url(../images/h2.gif) 0 2px no-repeat;
}

.contents .conBox2{
width:528px!important;
width:568px;
padding:15px 20px;
margin:0 0 20px 0;
background:#FFFFD9;
border:solid 1px #FFCC66;
}
.contents .conBox p,
.contents .conBox2 p{
margin:0 0 15px 0;
}
.contents .conBoxL{
width:548px!important;
width:568px;
padding:10px;
margin:0 0 20px 0;
border:solid 1px #66CCCC; 
}
.contents .conBoxL p a{
background: url(../images/icon2.gif) 0 0 no-repeat;
padding:3px 0 0 23px;
font-weight:bold;
font-size:14px;
}

.contents ul.kouka{
width:544px!important;
width:564px;
padding:10px;
margin:20px 0 20px 0;
border:double 3px #3399CC;
background:#F1FAF9;
}
.contents ul.kouka li{
font-weight:bold;
color:#003399;
padding:0 0 0 15px;
}
.contents ul.kouka li.txt{
font-size:16px;
font-weight:bold;
color:#FF3300;
padding:0;
}
table { background:#aaa; margin:0 0 15px 0;}
table th { background:#F1FAF9; text-align:left; color:#333333; border:solid 1px #fff;}
table th.bg2 { background:#FFE1E1; text-align:left; color:#333333; border:solid 1px #fff;}
table td { background:#fff; text-align:left;}

ul.kouka2 { margin:0 0 15px 0;}
ul.kouka2 li { color:#FF0000;}

.contents p.icon1{
background: url(../images/icon3.gif) 8px 6px no-repeat;
padding:5px 5px 5px 20px;
border:solid 1px #FF3300;
margin:0 0 15px 0;
}
.contents p.icon2{
background: url(../images/icon3.gif) 0 0 no-repeat;
padding:0 0 0 15px;
margin:0 0 5px 0;
color:#FF3300;
font-weight:bold;
}

/*------　資料請求　-------*/

div.siryouForm {
width:500px;
margin:0 auto !important;
margin:0 0 0 30px;}
IFRAME { margin:0 0 0 20px;}

/*------　ページトップへ　-------*/
p.ptop{
width:570px;
text-align:right;
font-size:10px;
margin:10px 0 10px 0;}	

/*------　フッター　-------*/

.footer {
width:798px!important;
width:800px;
border-top:#006600 solid 1px;
border-left:#006600 solid 1px;
border-right:#006600 solid 1px;
background:#fff;
padding:15px 0px;
margin:0 auto;}

.footer ul { margin:5px 0;}
.footer ul li {
display:inline;
color:#666;
padding:0 5px 0 5px;
border-right:solid 1px #999999;
font-size:12px;}

.footer ul li a:link {color:#444;text-decoration:underline;}
.footer ul li a:visited {color:#444;text-decoration:underline;}
.footer ul li a:hover {color:#0066CC;text-decoration:none;}
.footer ul li a:active {color:#0066CC;text-decoration:none;}

.cr {
width:800px;
background:#33830B;
text-align:center;
font-size:12px;
padding:3px 0px;
margin:0 auto;
color:#fff;
font-weight:bold;}

/*------imgレイアウト-------*/

.contents p.imgL{
float:left;
margin:2px 20px 10px 0;}
.contents p.imgR{
float:right;
margin:2px 0 10px 15px;}

/*------枠線-------*/

.bor { border:solid 1px #CCC;}

/*------文字設定-------*/

.fb {font-weight:bold;}
.fc1 { color:#444;}
.fc1b { color:#FF6600; font-weight:bold;}
.fc2 { color:#FF0000;}


/*------余白-------*/
.mar15{ margin:15px;}
.marB30{ margin-bottom:30px;}
p.marB10{ margin:0 0 10px 0;}
p.mar0{ margin:0;}

.pad15{ padding:15px;}

/*------位置-------*/

.tac { text-align:center;}
.tal { text-align:left;}
p.tacB { text-align:center; margin:0 0 20px 0;}
.tacTB { text-align:center; margin:20px 0;}

/* clear
------------------------------------------------------------ */
.clear{
clear:both;
height:0;
font-size:0;
line-height:0;
padding:0;
margin:0;}

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

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