@charset "utf-8";

/* ========================================================================================================================/
	
	Document    : common.css
	Description : 共通css

		0-0, include
		1-0, base
		2-0, header
		3-0, navi
		4-0, mainVisual
		5-0, contents
		5-1, main
		5-2, side
		6-0, footer
		7-0, expansion

/======================================================================================================================== */


/* ------------------------------------------------------------------------------------------------------------------------/
   0-0, include
/------------------------------------------------------------------------------------------------------------------------ */

@import url("../../css/normalize.css");

/* ------------------------------------------------------------------------------------------------------------------------/
   1-0, base
/------------------------------------------------------------------------------------------------------------------------ */

html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
caption,tbody,tfoot,thead,
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video {
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    border:0;
    outline:0;
    margin:0;
    padding:0;
}

body {
	width:100%;
	min-width:1080px;
	/webkit-text-size-adjust:100%;
	/*font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";*/
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	color:#353535;
	font-size:16px;
	background:url(../image/bg.gif);
	}

img 	{ border:0; vertical-align:bottom; }

a:link 		{ color:#5982c4; text-decoration:underline; }
a:visited 	{ color:#00789f; text-decoration:underline; }
a:hover 	{ color:#00afea; text-decoration:none; }

.inner {
	width:1080px;
	margin:0 auto;
	}
.inner:after {
	content: "";
	display: block;
	clear: both;
}

#main-contents {
	float:right;
	width:760px;
}



.fl { float:left; }
.fr { float:right; }
.cl:after {
	content: "";
	display: block;
	clear: both;
}

.ro img:hover,
.ro:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
	background-color:#ffffff;
	}
	
.fc-blue 	{ color:#147db9; }
.fc-red 	{ color:#DF3333; }
.fc-green 	{ color:#3a9531; }
	
	
.sectiontitle {
	margin-left:-15px;
}

.mg-t10 { margin-top:10px; }
.mg-b10 { margin-bottom:10px; }
.mg-l15 { margin-left:15px; }

/* ------------------------------------------------------------------------------------------------------------------------/
   2-0, header
/------------------------------------------------------------------------------------------------------------------------ */

header {
	width:100%;
	height:177px;
	background:url(../image/header/bg.png) top center no-repeat;
	}
	header .logo {
		float:left;
		margin-top:23px;
	}
	header .banner {
		float:right;
		list-style:none;
	}
		header .banner li {
			margin-bottom:4px;
		}
		header .banner li:last-child {
			margin-bottom:0px;
		}
			

/* ------------------------------------------------------------------------------------------------------------------------/
   3-0, navi
/------------------------------------------------------------------------------------------------------------------------ */

nav {
	width:100%;
	height:84px;
	background:url(../image/nav/bg.gif) repeat-x;
}
	nav ul {
		list-style:none;
		text-align:center;
	}
	nav ul:after {
		content: "";
		display: block;
		clear: both;
	}
		nav ul li {
			height:80px;
			border-left:#eca5c3 solid 1px;
			float:left;
		}
		nav ul li:last-child {
			border-right:#eca5c3 solid 1px;
		}


/* ------------------------------------------------------------------------------------------------------------------------/
   6-0, footer
/------------------------------------------------------------------------------------------------------------------------ */

footer {
	background:#f2acce;
	width:100%;
	height:40px;
	text-align:center;
	color:#fff;
	font-size:12px;
	line-height:40px;
}
/* ------------------------------------------------------------------------------------------------------------------------/
   7-0, expansion
/------------------------------------------------------------------------------------------------------------------------ */

.maintitle {
    min-width: 1080px;
    height: 150px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}