@charset "UTF-8";

/* 共通レイアウト
------------------------------------------------------*/

body {
	background-color: #E35F93;
	color: #4C463E;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
	line-height: 1.5;
}

a {	text-decoration: underline; outline:none;}
a:link		{ color: #E60476; }
a:visited	{ color: #E60476; }
a:hover		{ color: #E80213; }
a:active	{ color: #E80213; }

#container {
	background: #2EAAE9 url(../images/common/bg_container.jpg) repeat-x center top fixed;
	}
	#container #container-inner {
		background: url(../images/common/bg_container-inner.jpg) no-repeat center top fixed;
	}

#wrapper {
	background: url(../images/common/bg_wapper.png) no-repeat center top scroll;
}

#mainCol {
	width: 960px;
	margin: 0 auto;
}

/* header
------------------------------------------------------*/
#header {
	background: url(../images/common/header/bg_header.png) repeat-x center top;
	height: 100px;
	overflow: hidden;
	}
	#header-inner {
		width: 960px;
		margin: 0 auto;
		}
		#header-inner h1 {
            /*  16/4/1よりheader変更
			width: 469px;
			margin: 9px 10px 0 0;
            */
            width: 960px;
            margin: 9px 0 0 0;
			float: left;
		}

/* gnaviBtn 16/4/1よりheader変更
----------------------------------
ul#gnavi {
	width: 480px;
	float: left;
	margin: 20px 0 0 0;
	}
	ul#gnavi li {
		margin: 0 4px 0 0;
		height: 48px;
		float: left;
		text-indent: -9999px;
	}
	ul#gnavi li a {
		display: block;
		height: 48px;
		text-indent: -9999px;
	}
li#gnaviLook,li#gnaviLook a {
	width: 141px;
	background: url(../images/common/header/gnavi_look.png) no-repeat;
}
li#gnaviList,li#gnaviYell a {
	width: 141px;
	background: url(../images/common/header/gnavi_yell.png) no-repeat;
}
li#gnaviList,li#gnaviList a {
	width: 106px;
	background: url(../images/common/header/gnavi_list.png) no-repeat;
}
li#gnaviDl,li#gnaviDl a {
	width: 106px;
	background: url(../images/common/header/gnavi_dl.png) no-repeat;
}
li#gnaviMovie,li#gnaviMovie a {
	width: 76px;
	background: url(../images/common/header/gnavi_movie.png) no-repeat;
}
 通常 
li#gnaviLook a,li#gnaviYell a,li#gnaviList a,li#gnaviDl a,li#gnaviMovie a {
	background-position: center top;
}
 hover 
li#gnaviLook a:hover,li#gnaviYell a:hover,li#gnaviList a:hover,li#gnaviDl a:hover,li#gnaviMovie a:hover {
	background-position: center center;
}
 off 
li#gnaviLook,li#gnaviYell,li#gnaviList,li#gnaviDl,li#gnaviMovie {
	background-position: center bottom;
}*/

/* footer
------------------------------------------------------*/
#footer {
	background: url(../images/common/footer/bg_footer_bnr.png) repeat center top;
	margin: 20px 0 0 0;
	border-top: solid 2px #E96A91;
	}
	#footer-inner {
		background: url(../images/common/footer/bg_copy.png) repeat-x center bottom;
		padding: 0 0 12px 0;
		border-top: solid 2px #8080E0;
	}

#footer ul,
#copyArea {
	display: block;
	margin: 0 auto;
}
#footer ul {
    /*  16/4/1よりfooter変更
	width: 960px;
    */
	width: 863px;
	padding: 16px 0;
}
#footer ul li {
    /*  16/4/1よりfooter変更
	margin: 0 4px;
    */
	margin: 0 10px;
	display: block;
	list-style: none;
	float: left;
	height: 65px;
}
#copyArea {
	width: 960px;
	height: 40px;
	padding: 24px 0 0 0;
	color: #fff;
}

#copyArea p:first-child{
	float: left !important;
}
#copyArea p{
	float: right;
}


/* 汎用クラス
------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1;
}

.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.fl-left { float: left; }
.fl-right { float: right; }

.center { text-align: center;}

.font-red{ color:#ff0000;}

.mgt-10 { margin-top: 10px !important; }
.mgt-15 { margin-top: 15px !important; }


/*テキスト
----------------------------------------------------------------*/
.font-10 { font-size: 77%; }
.font-11 { font-size: 85%; }
.font-12 { font-size: 93%; }
.font-13 { font-size: 100%; }
.font-14 { font-size: 108%; }
.font-15 { font-size: 116%; }
.font-16 { font-size: 123.1%; }
.font-17 { font-size: 131%; }
.font-18 { font-size: 138.5%; }
.font-19 { font-size: 146.5%; }
.font-20 { font-size: 153.9%; }
.font-21 { font-size: 161.6%; }
.font-22 { font-size: 167%; }
.font-23 { font-size: 174%; }
.font-24 { font-size: 182%; }