@charset "utf-8";

/*
========================================

初期設定
	・import
	・フォーマット
	・リンク
	・他class
	
========================================
*/

/*----- header/gnavi -----*/
@import url(header.css);

/*----- footer -----*/
@import url(footer.css);

/*----- layout -----*/
@import url(area.css);

/*----- side -----*/
@import url(side.css);

/*----- contents -----*/
@import url(contents.css);


/*
========== Format ==========
*/
*{
margin:0;
padding:0;
}

/*
========== Element ==========
*/
body{
font:12px/1.5 "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
color:#474747;
background:#fffdd9;
text-align:center;
}

/* \*/
div{
_height:1%;
}
/* */

h1,h2,h3,h4,h5,h6{
font-size:100%;
}

ul{
list-style-type:none;
}

img,
a img{
border:none;
}

hr{
display:none;
}

address{
font-style:normal;
line-height:1.3;
}

p{
margin:0 0 12px 0;
}


/*
========== Link ==========
*/
a:link,
a:visited{
color:#054cac;
text-decoration:none;
}

a:hover{
color:#054cac;
text-decoration:underline;
}

a:active{
color:#054cac;
text-decoration:none;
}


/*----- アイコン付 -----*/
.ico a,
a.ico{
padding:0 0 0 18px;
background:transparent url(../images/ico/ico_arrow02.gif) left center no-repeat;
}

/*
========== Other ==========
*/
/*----- Clear -----*/
.clearfix{
display:inline-table;
}

/* \*/
.clearfix{
display:block;
}
/* */

.clearfix:after{
content:"";
display:block;
clear:both;
width:1px;
visibility:hidden;
}

.clear{
font-size:0 !important;
line-height:0 !important;
clear:both;
display:block;
visibility:hidden !important;
height:1px;
}

.clearb{
clear:both;
}

/*----- Hide -----*/
.hide{
position:absolute;
left:-9999px;
top:0;
}

/*----- Float -----*/
.left{
float:left;
}

.right{
float:right;
}

/*----- Align -----*/
.tr{
text-align:right !important;
}

.tc{
text-align:center !important;
}

.tl{
text-align:left !important;
}

/*----- Vertical-Align -----*/
.vt{
vertical-align:top;
}

.vm{
vertical-align:middle;
}

.vb{
vertical-align:bottom;
}

/*----- Margin,Padding -----*/
.mb0{
margin-bottom:0 !important;
}

.mb10{
margin-bottom:10px !important;
}

.mb15{
margin-bottom:15px !important;
}

.mb30{
margin-bottom:30px !important;
}

.mb180{
margin-bottom:180px !important;
}

.ml20{
margin-left:20px !important;
}

.mt10{
margin-top:10px !important;
}

.mr10{
margin-right:10px !important;
}

/*----- Font -----*/
.fsl{
font-size:116%;
}
.fls{
font-size:10px;
}

.fwn{
font-weight:normal;
}

.clb{
color:#474747;
}

.secondary{
text-decoration:line-through;
}

/*----- エラー表示 -----*/
.redText{
color:#f00;
font-weight: normal;
}
.redTextBold{
color:#f00;
font-weight: bold;
}

/*
========== complete_banner ==========
*/
.infoBannerWrap,
.infoBanner,
.infoBannerBg{
background-image:url(../images/infobanner_bg.gif);
}
.infoBannerWrap{
margin:3px auto 0;
width:900px;
background-repeat:repeat-y;
background-position:-900px 0;
}
.infoBanner{
background-repeat:no-repeat;
background-position:0 0;
}
.infoBannerBg{
padding:0 0 15px 0;
background-repeat:no-repeat;
background-position:-1800px 100%;
}
.infoBanner p{
margin:0 0 0 13px;
width:874px;
}


