@charset "utf-8";

/*------------------------------------------------------------
	Universal Style
------------------------------------------------------------*/
body{
background:#ebebeb;
font-size:100.01%;
color:#333; 
}
html,body,div,
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol,li,img,
table,caption,th,td,
form,fieldset,legend,input,textarea,select,
pre,code,blockquote,address{
margin:0;
padding:0;
}
h1,h2,h3,h4,h5,h6,
p,dl,dt,dd,ul,ol,li,img,
table,caption,th,td,
form,fieldset,legend,input,textarea,select,
div,pre,code,blockquote,address{
font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}
img{
border:0;
vertical-align:bottom;
}
ul{
list-style-position:outside;
list-style-type:none;
}
ol{
margin-left:2em;
list-style-position:outside;
}
dl dd{
margin-bottom:7px;
}
em{
font-style:normal;
color:#f00;
}
table{
border:medium none;
border-collapse:collapse;
}
th,td{
font-weight:normal;
vertical-align:top;
}
a:link{color:#184a8e;}
a:visited{color:#800080;}
a:hover,
a:active{color:#f90;}

fieldset{border:0;}
legend{display:none;}
input{vertical-align:middle;}
sup{vertical-align:text-top;line-height:0.6;}
sub{vertical-align:baseline;}
hr{display:none;}


/*	枠組み	*/

/*============================================================
	Base Layout
============================================================*/
#page{background:url(../images/bg/bg-page.png) left top repeat-x;}


/*------------------------------------------------------------
	Header Area
------------------------------------------------------------*/
#header{
position:relative;
margin:0 auto;
padding:10px 0 0;
width:900px;
height:120px;
}
#header #site-id{
position:absolute;
top:10px;
left:0;
}
#header #site-author{
position:absolute;
top:10px;
right:0;
font-size:0.875em;
}
#header .tel{
position:absolute;
top:35px;
right:0;
}


/*------------------------------------------------------------
	Main Visual
------------------------------------------------------------*/
#main-visual{
position:relative;
margin:0 -44px;
width:1000px;
height:550px;
background:url(../images/bg/bg-main-visual.jpg) center top no-repeat;
}
#main-visual .corporate{
position:absolute;
top:28px;
left:61px;
}
#main-visual h1{
position:absolute;
top:127px;
left:0;
}
#main-visual .btn{
position:absolute;
top:291px;
left:196px;
}


/*------------------------------------------------------------
	Contents Area
------------------------------------------------------------*/
#contents{
margin:0 auto;
width:912px;
background:url(../images/bg/bg-contents01.png) left top repeat-y;
}
#main-contents{
padding:0 36px 20px;
background:url(../images/bg/bg-contents02.png) left bottom no-repeat;
}


/*------------------------------------------------------------
	Footer Area
------------------------------------------------------------*/
#footer{
margin:15px auto;
width:900px;
}
#footer #office-info{
float:left;
margin:0;
font-size:0.625em;
}
#footer #copyright{
float:right;
margin:0;
font-size:0.625em;
}


/*------------------------------------------------------------
	Element
------------------------------------------------------------*/
#contents p,
#contents ul,
#contents ol,
#contents dl,
#contents table{
margin-bottom:20px;
}
#contents p,
#contents li,
#contents dt,
#contents dd,
#contents caption,
#contents th,
#contents td{
font-size:0.875em;
line-height:1.6;
}
#contents li p,
#contents li li,
#contents li dt,
#contents li dd,
#contents li th,
#contents li td,
#contents dd p,
#contents dd li,
#contents dd dt,
#contents dd dd,
#contents dd th,
#contents dd td,
#contents th li,
#contents td p,
#contents td li,
#contents td dt,
#contents td dd,
#contents td th,
#contents td td{
font-size:1em;
}
#contents input,
#contents textarea,
#contents select{
font-size:inherit;
}
#contents label{cursor:pointer;}


/*------------------------------------------------------------
	Heading
------------------------------------------------------------*/
#contents h1,
#contents h2,
#contents h3,
#contents h4,
#contents h5,
#contents h6{
margin-bottom:20px;
line-height:1.4;
font-weight:bold;
}

/* hdg-client
----------------------------------------*/
#contents .hdg-client{
margin:0 0 10px;
padding:10px 0 0 70px;
min-height:55px;
background:url(../images/bg/icon-building.png) left top no-repeat;
font-size:1em;
color:#069;
}


/*------------------------------------------------------------
	Text
------------------------------------------------------------*/
#contents .tel{
_display:inline;
float:left;
margin:0 0 0 10px;
}
#contents .link-money{
float:right;
margin:5px 0 0 0;
padding:4px 0 3px 22px;
background:url(../images/bg/icon-arrow01.png) left center no-repeat;
}
#contents .link-money a:link,
#contents .link-money a:visited{color:#184a8e;}
#contents .link-money a:hover,
#contents .link-money a:active{color:#f90;}

#contents .caution01{
float:left;
width:390px;
}
#contents .caution02{
float:right;
padding:20px;
width:346px;
border:2px solid #c00;
background:#ffeded;
color:#c00;
}


/*------------------------------------------------------------
	List
------------------------------------------------------------*/
/* list-disc01
----------------------------------------*/
#contents .list-disc01{margin:0;}
#contents .list-disc01 li{
margin:0 0 5px;
padding:2px 0 3px 30px;
background:url(../images/bg/icon-exclamation.png) left top no-repeat;
}

/* list-btn
----------------------------------------*/
#contents .list-btn{margin:0 0 30px;}
#contents .list-btn li{
_display:inline;
float:left;
margin:0 10px;
}

/* list-client
----------------------------------------*/
#contents .list-client{margin:0 0 30px;}
#contents .list-client li{
float:left;
margin:0;
}


/*------------------------------------------------------------
	Layout Block
------------------------------------------------------------*/
#contents .blk-section01{width:800px;}
#contents .blk-section01 .img{float:left;}
#contents .blk-section01 .txt{
float:right;
width:535px;
}


/*------------------------------------------------------------
	Block Element
------------------------------------------------------------*/
/* blk-noti
----------------------------------------*/
#contents .blk-noti{
margin:0 0 20px;
width:800px;
}
#contents .blk-noti h3,
#contents .blk-noti p,
#contents .blk-noti ul{
float:left;
margin:0;
}

/* blk-plan
----------------------------------------*/
#contents .blk-plan{
margin:0 0 20px;
padding:15px 8px;
width:780px;
border:2px solid #94b8ea;
background:#c4ddff;
}
#contents .blk-plan .cont{
float:left;
margin:0 5px 10px;
padding:0 25px 15px;
width:330px;
background:url(../images/bg/bg-plan.png) left bottom no-repeat;
}
#contents .blk-plan .cont h4{margin:0 -25px 10px;}
#contents .blk-plan .cont ul,
#contents .blk-plan .cont dl{margin:0;}
#contents .blk-plan .cont ul li{margin:0 0 10px;}
#contents .blk-plan .cont dl dt{margin:0 0 5px;}
#contents .blk-plan .cont dl dd{
margin:0 0 3px;
padding-left:10px;
background:url(../images/bg/icon-disc02.gif) 3px 0.5em no-repeat;
font-size:0.75em;
}
#contents .blk-plan .cont dl dd strong{
font-weight:normal;
color:#c00;
}

#contents .blk-plan .list-notation{
clear:both;
margin:0;
}
#contents .blk-plan .list-notation li{
margin:0;
font-size:0.75em;
text-align:right;
}


/*------------------------------------------------------------
	Other
------------------------------------------------------------*/
#contents .section01{
position:relative;
clear:both;
margin:0 0 30px;
padding:0 0 10px;
background:url(../images/bg/bg-section01-01.png) left bottom no-repeat;
}
#contents .section01 .sec-cont{
margin:0 1px;
padding:20px 19px 0;
min-height:80px;
_height:80px;
background:url(../images/bg/bg-section01-02.png) left top no-repeat;
}
#contents .section01.first{margin-top:-111px;}
#contents .section01 h2{margin:0;}


/*------------------------------------------------------------
	clearFix
------------------------------------------------------------*/
#header:after,
#footer:after,
#contents .list-btn:after,
#contents .list-client:after,
#contents .blk-section01:after,
#contents .blk-noti:after,
.blk-fix:after{
display:block;
clear:both;
visibility:hidden;
content:".";
height:0;
line-height:0;
}
#header,
#footer,
#contents .list-btn,
#contents .list-client,
#contents .blk-section01,
#contents .blk-noti,
.blk-fix{
display:inline-block;
}
#header,
#footer,
#contents .list-btn,
#contents .list-client,
#contents .blk-section01,
#contents .blk-noti,
.blk-fix{
display:block;
}