@charset "utf-8";
/* CSS Document */

html {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.5;}

body{ background:#f2f1ec;}

img{
	border:0;
	}

h1{ margin-bottom:0;}
h2{ display:none;}
h3,h4,h5,h6 { margin-bottom:12px;}
h1 {
font-size:48px; 
line-height:1;} /* 48px */
h2 {
font-size:24px;
line-height:1.3333;} /* 48px */
h3{
font-size:24px;
line-height:1;} /* 24px */
h4{
font-size:18px;
line-height:1;
}
hgroup h2,h5,h6 {
font-size:16px;
line-height:1.5;} /* 24px */

/* Fluid Image */
/*モダンブラウザ用*/
img, iframe, object { max-width:100%; }
/*IE7用*/
.ie7 img,
.ie7 object/ { width:100%; }
/*IE8用*/
.ie8 img,
.ie8 object { width:auto\9; }
/* //Fluid Image */


header { text-align:center; padding-top:0; }
header h1 { margin-bottom:0; }
header h2 { color:#F90;}

nav {
margin-bottom : 12px;
}
nav ul { overflow:hidden; width:100%; display:table; table-layout:fixed;
background-color: #000;
background: -moz-linear-gradient(top, rgba(50,50,50,0.71) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,0.71)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* W3C */
 }
nav ul li { text-shadow: 2px 2px 3px #000; font-size:0.8em; line-height:1.5; display:table-cell; vertical-align:middle; }
nav ul li a { display: block; padding:12px 0; color:#FFF; text-decoration:none; outline:none;}
nav ul li a:hover { display: block; color:#FF9;}
nav ul li a:active { display: block; color:#FC0;}
nav li:not(:last-child){ border-right:1px #999 dotted;}

footer {
color : white;
text-align : center;
padding: 0;
margin: 0;
background : #e2b900 linear-gradient(to bottom, #ffd700, #ffef99, #ffd700, #e2b900, #e2b900, #bf9f00);
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd700), to(#bf9f00));}
footer p{ padding : 24px 0;
}

h3{
	border-top:#ff0000 5px solid;
	color:#ff0000;
	padding:12px 0 24px 0;
	}
h4{
	width:100%;
	margin:5% 0;
	color:#fff;
	background:#000;
	font-weight:bold;
	padding:1em 0 ;
	text-align:left;
	text-indent:2em;
	}
/*
h4{ width:90%; margin:5% 0 5% 5%; border-left:5px #333 solid; color:#333; font-weight:bold; padding:1em 0 1em 0.5em; text-align:left; }
*/
h5{ width:80%; border-left:#ff0000 5px solid; color:#333; padding:0 0 0.2em 0.5em; text-align:left; margin:0 0 2% 5%; }

section{ margin-bottom:48px; padding-bottom:24px; background-color:#FFF; line-height:1.5; }
section p{ width:95%; text-align:left; padding:0 5% 2% 5%; clear:both;}
aside{ margin:0;}


.info { width:90%; margin:0 auto 12px auto; border:#666 1px solid;}
.info ul{ margin:0 0 24px 0;}
.info ul li{ margin:0;}
.info li{ list-style:none; margin:0; padding:3% 5%; text-align:left;}


#f_nav { margin-bottom : 0;}
#f_nav ul { overflow:hidden; width:100%; display:table; table-layout:fixed;
background-color: #000;
 }
#f_nav ul li { text-shadow: 2px 2px 3px #000; font-size:0.8em; line-height:1.2; display:table-cell; vertical-align:middle; }
#f_nav ul li a { display: block; padding:5px 0; color:#FFF; text-decoration:none; outline:none;}
#f_nav ul li a:hover { display: block; color:#FF9;}
#f_nav ul li a:active { display: block; color:#FC0;}
#f_nav li:not(:last-child){ border-right:1px #999 dotted;}

#go_form { width: 100%; margin: 20px auto 30px; text-align: center; font-size: 0.8em; }
#go_form a { padding: 13px 10% 10px; font-size: 1.3em; line-height: 1em; color: #fff; font-weight: bold; background: #f00; border-radius: 9px; text-decoration: none; }
#go_form a:hover { background: #f2bc00; }

/* PC用ナビボタン */
#pc_nav{ display:none;}


/* 全ページ共通 */

#tab{
	width:100%;
	background:#FFF;
	display:none;
	}
#tab_sp{
	width:100%;
	display:block;
	margin-bottom:24px;
	}

#contents {
	width:90%;
	margin:0 auto;
	text-align:center;
	clear: both;
	background: #fff;
	}
#contents p {
	margin-bottom:24px;
	line-height: 1.4em;
	text-align:center;
	}
#contents p em {
	font-weight: bold;
	font-style: normal;
	}
#contents img {
	margin-bottom:5px;
	}
#adv{
	display:none;
	}

/* 上スクロール */
.totop{ display:none;}

/* プレゼントページ
============================= */
.present_01{
	padding-bottom: 15px;
	}

.present_01 a{
	width:80%;
	font-size:1.2em;
	color:#fff;
	background:#ff0000;
	text-align:center;
	padding:13px 30px 10px;
	text-decoration:none;
	border-radius: 10px 10px 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px 10px 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px 10px 10px 10px;   /* Firefox用 */
	}

.present_01 a:hover{
	color:#000;
	padding:13px 30px 10px;
	background-color:#FC0;
	text-decoration:none;
	border-radius: 10px 10px 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px 10px 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px 10px 10px 10px;   /* Firefox用 */
	}



/* 文字装飾 */
.red{
	color:#ff0000;
	}
.pink{
	color:#f12392;
	}
.blue{
	color:#0000ff;
	}
.size18{
	font-size:18px;
	}
.size20{
	font-size:20px;
	}
.size22{
	font-size:22px;
	}
.bold{
	font-weight:bold;
	}


/* 960px以上 */ 
@media screen and (min-width : 960px) {
header { text-align:center; padding-top:0; margin-bottom:0; }

nav { width:640px; height:40px; margin-bottom:0; margin-top:0; background:url(../img/menu.gif) 0 bottom no-repeat; display:block; }
nav ul { height:40px; margin:0; background-color:#000; }
nav li,nav ul li a  { height:40px; display:block; outline:none; }
nav ul li { float:left; list-style:none; display: inline; padding:0; border:0 !important; line-height:1; }
nav ul li span{ display:none;}

.nav01{ width:86px; margin:0;}
.nav01 a{ background:url(../img/menu.gif) 0 -40px;}
.nav01 a:hover{ background-position:0 top;}
.nav02{ width:134px; margin:0;}
.nav02 a{ background:url(../img/menu.gif) -86px -40px;}
.nav02 a:hover{ background-position:-86px top;}
.nav03{ width:179px; margin:0;}
.nav03 a{ background:url(../img/menu.gif) -220px -40px;}
.nav03 a:hover{ background-position:-220px top;}
.nav04{ width:241px; margin:0;}
.nav04 a{ background:url(../img/menu.gif) -399px -40px;}
.nav04 a:hover{ background-position:-399px top;}


footer {
width:960px; /*940/1024*/
padding: 0;
margin: -15px auto;
background: #e2b900 linear-gradient(to bottom, #ffd700, #ffef99, #ffd700, #e2b900, #e2b900, #bf9f00);}
footer p{ padding : 24px 0 60px;
}

h3{ margin:0; font-size:24px; }
h4{ width:100%; margin:5% 0; color:#fff; background: url(../img/logo_red.gif) right center no-repeat #000; font-weight:bold; padding:1em 0 ; text-align:left; text-indent:2em; }
h5{ width:800px; padding:0 0 0.2em 0; text-indent:0.5em; text-align:left; margin:0 auto 2% auto; }


section{ margin-bottom:0px; padding-bottom:0px; background-color: transparent; }
section li{ list-style:none; margin:0; padding:0; text-align:left;}
section p{ width:800px; margin:12px auto;}

#tab{
	width:100%;
	background:#FFF;
	display: block;
	}
#tab_sp{
	display:none;
	}
#adv{
	display: block;
	width:300px;
	float:right;
	}
#adv p{
	text-align:right;
	font-size:0.8em;
	padding:0 5px 0 0;
	margin:0;
	}


#contents {
overflow:hidden;
width:960px;} /* 960/1024 */


#contents #main,
#contents #sub {
float : left;
margin : 0 0 0 20px; } /*10/960*/
#contents #main { width : 960px; margin:12px 0 0 0; padding:0 0 0 0; } /*620/960*/
#contents #sub { width : 470px; } /*300/960*/
#main{ background-color:#fff;}

#mainv_container{ width:100%; overflow:auto;}
#mainv_container p { font-size: 1.2em; line-height: 1.4em; }
#mainv{ width : 640px; float:left;}

#go_form { font-size: 1em; }

.info { width:90%; margin:0 auto 5% auto; border:#666 1px solid;}
.info ul li{ margin:0;}
.info li{ list-style:none; margin:0; padding:5px; text-align:left; font-size:0.9em;}


/* PC用ナビボタン */
#pc_nav{ display:block; margin:12px 0 0 0; clear:both; overflow:auto;}
#pc_nav ul{ margin:0 0 20px 0;}
#pc_nav ul li{ margin:0; list-style:none; float:left; display:inline;}
#pc_nav img{ margin:0 0 10px 0; padding:0;}
.nav_r{ margin:0 0 0 4.255319148936% !important;}


/* フッターメニュー */
#f_nav { width:600px; height:30px; margin-bottom:0; margin-top:0; background:url(../img/menu.gif) 0 bottom no-repeat #ff0000; display:block; overflow:hidden; text-align:left;}
#f_nav ul { height:30px; margin:0; background-color:transparent; }
#f_nav li,#f_nav ul li a  { height:30px; display:block; outline:none;  }
#f_nav ul li { float:left; list-style:none; display: inline; padding:0; border:0 !important; line-height:1; }

.f_nav01{ width:86px; margin:0;}
.f_nav01 a{ background:url(../img/menu_f.gif) 0 -30px; padding-top:40px !important;}
.f_nav01 a:hover{ background-position:0 top;}
.f_nav02{ width:94px; margin:0;}
.f_nav02 a{ background:url(../img/menu_f.gif) -86px -30px; padding-top:40px !important;}
.f_nav02 a:hover{ background-position:-86px top;}
.f_nav03{ width:178px; margin:0;}
.f_nav03 a{ background:url(../img/menu_f.gif) -180px -30px; padding-top:40px !important;}
.f_nav03 a:hover{ background-position:-180px top;}
.f_nav04{ width:242px; margin:0;}
.f_nav04 a{ background:url(../img/menu_f.gif) -358px -30px; padding-top:40px !important;}
.f_nav04 a:hover{ background-position:-358px top;}


/* プレゼント
=================================== */
.present_01{
	width:100%;
	text-align: center;
	margin-bottom: 15px;
	}
	
.present_01 a{
	width:80%;
	font-size:1.2em;
	color:#fff;
	background:#ff0000;
	text-align:center;
	padding:13px 30px 10px;
	text-decoration:none;
	border-radius: 10px 10px 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px 10px 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px 10px 10px 10px;   /* Firefox用 */
	}
	
.present_01 a:hover{
	color:#000;
	padding:13px 30px 10px;
	background-color:#FC0;
	text-decoration:none;
	border-radius: 10px 10px 10px 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px 10px 10px 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px 10px 10px 10px;   /* Firefox用 */
	}


/* エフェクト */
.shadow{ box-shadow:5px 5px 5px rgba(0,0,0,0.4);}

/* 上スクロール */
.totop{
	width:20%;
	margin:0 10px 0 0;
	float:right;
	padding:50px 0 0 0;
	clear:both;
	display:block;
	}
.totop a{
	display:block;
	width:40px;
	height:40px;
	background:url(../img/totop.gif) center bottom no-repeat;
	text-indent:-9999em;
	margin:0 auto ;
	}
.totop a:hover{
	background-position: top center;
	}

}