/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

*{
	font-family:Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Verdana, Arial, Helvetica, Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

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

button {
    outline: none;
}

body {
	text-align: center;
	position: relative;
	padding: 0px;
	margin: 0px;
	font-size:16px;
	color: #000000;
	min-width:1200px;
	min-height:760px;
	background-color:#ffffff;
	-webkit-text-size-adjust: 100%;
	background-image: url(../images/back_1.jpg);
	background-position:top center;
	background-attachment: fixed;
}

a:link    {COLOR: #91FDFF; TEXT-DECORATION: none;}
a:visited {COLOR: #91FDFF; TEXT-DECORATION: none;}
a:hover   {COLOR: #FFFFFF; TEXT-DECORATION: underline;}
a:active  {COLOR: #FFFFFF; TEXT-DECORATION: underline;}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

div {
	font-size:16px;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

#test{
	z-index:10000;
	width:100%;
	position: fixed;
}

h1 {
    display: none;
}


/* ==========================================================================
   ローディング
   ========================================================================== */

/*
#loding {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index:99;
	background-color:#FFFFFF;
	
	}
*/

#menu {
	height:88px;
	background-image:url(../images/nav_bar_2.jpg);
	background-position:center top;
}

#menu .inner{
	margin:0px auto 0px auto; 
	width:1200px;
	height:88px;
	text-align:left;
}
	
#menu ul {
	padding:0px;
	margin:0px 0px 0px 0px;
	clear:both;
	list-style:none;
	}
	
#menu li{
	margin:15px 0px 0px 0px;
	float:left;
	text-align:left;
	overflow:hidden;
	height:88px;
	}
	
	
#menu .button1{
	margin:0px 0px 0px 205px;
	width:248px;
	white-space:nowrap;
	overflow:hidden;
	}

#menu .button1 a:link,#menu .button1 a:visited{
	margin:0px 0px 0px 0px;
	}

#menu .button1 a:hover,#menu .button1 a:active{
	margin:0px 0px 0px -248px;
	}
	
#menu .button2{
	margin:0px 0px 0px 0px;
	width:177px;
	white-space:nowrap;
	overflow:hidden;
	}

#menu .button2 a:link,#menu .button2 a:visited{
	margin:0px 0px 0px 0px;
	}

#menu .button2 a:hover,#menu .button2 a:active{
	margin:0px 0px 0px -177px;
	}
	
#menu .button3{
	margin:0px 0px 0px 0px;
	width:199px;
	white-space:nowrap;
	overflow:hidden;
	}

#menu .button3 a:link,#menu .button3 a:visited{
	margin:0px 0px 0px 0px;
	}

#menu .button3 a:hover,#menu .button3 a:active{
	margin:0px 0px 0px -199px;
	}
	
#menu .button4{
	margin:0px 0px 0px 0px;
	width:160px;
	white-space:nowrap;
	overflow:hidden;
	}

#menu .button4 a:link,#menu .button4 a:visited{
	margin:0px 0px 0px 0px;
	}

#menu .button4 a:hover,#menu .button4 a:active{
	margin:0px 0px 0px -160px;
	}
	
#menu .new1{
	position:absolute;
	margin:12px 0px 0px 400px;
	width:52px;
	height:16px;
	}
	
#menu .new2{
	position:absolute;
	margin:12px 0px 0px 580px;
	width:52px;
	height:16px;
	}
	
#menu .new3{
	position:absolute;
	margin:12px 0px 0px 782px;
	width:52px;
	height:16px;
	}




#menu2 {
	position:fixed;
	width:100%;
	height:88px;
	background-image:url(../images/nav_bar_2.jpg);
	background-position:center top;
	z-index:101;
	display:none;
	max-width:2000px;
}

#menu2 .logo_mini{
	margin:-132px 0px 0px 100px;
	position:absolute;
}

#menu2 .inner{
	margin:0px auto 0px auto; 
	width:1200px;
	height:88px;
	text-align:left;
}

#menu2 .page_up{
	margin:-132px 0px 0px 30px; 
	width:357px;
	height:132px;
	overflow:hidden;
	position:absolute;
}

#menu2 .page_up a:link,#menu2 .page_up a:visited{
	margin:0px 0px 0px 0px;
	width:357px;
	height:132px;
	display:block;
	}

#menu2 .page_up a:hover,#menu2 .page_up a:active{
	margin:-85px 0px 0px 0px;
	width:357px;
	height:132px;
	display:block;
	}

	
#menu2 ul {
	padding:0px;
	margin:0px 0px 0px 0px;
	clear:both;
	list-style:none;
	}
	
#menu2 li{
	margin:15px 0px 0px 0px;
	float:left;
	text-align:left;
	overflow:hidden;
	height:88px;
	}
	
#menu .nav_line1{
	margin:15px 0px 0px 205px;
	}
	
#menu2 .button1{
	margin:0px 0px 0px 0px;/*0px 0px 0px 205px;*/
	width:248px;
	white-space:nowrap;
	overflow:hidden;
	}

#menu2 .button1 a:link,#menu2 .button1 a:visited{
	margin:0px 0px 0px 0px;
	}

#menu2 .button1 a:hover,#menu2 .button1 a:active{
	margin:0px 0px 0px -169px;
	}
	
#menu2 .button2{
	margin:0px 0px 0px 0px;
	width:177px;
	white-space:nowrap;
	overflow:hidden;
	}

#menu2 .button2 a:link,#menu2 .button2 a:visited{
	margin:0px 0px 0px 0px;
	}

#menu2 .button2 a:hover,#menu2 .button2 a:active{
	margin:0px 0px 0px -121px;
	}
	
#menu2 .button3{
	margin:0px 0px 0px 0px;
	width:199px;
	white-space:nowrap;
	overflow:hidden;
	}

#menu2 .button3 a:link,#menu2 .button3 a:visited{
	margin:0px 0px 0px 0px;
	}

#menu2 .button3 a:hover,#menu2 .button3 a:active{
	margin:0px 0px 0px -136px;
	}
	
#menu2 .button4{
	margin:0px 0px 0px 0px;
	width:160px;
	white-space:nowrap;
	overflow:hidden;
	}

#menu2 .button4 a:link,#menu2 .button4 a:visited{
	margin:0px 0px 0px 0px;
	}

#menu2 .button4 a:hover,#menu2 .button4 a:active{
	margin:0px 0px 0px -109px;
	}
	
#menu2 .new1{
	position:absolute;
	margin:12px 0px 0px 400px;
	width:52px;
	height:16px;
	}
	
#menu2 .new2{
	position:absolute;
	margin:12px 0px 0px 580px;
	width:52px;
	height:16px;
	}
	
#menu2 .new3{
	position:absolute;
	margin:12px 0px 0px 782px;
	width:52px;
	height:16px;
	}


#character {
	position:fixed;
	width:100%;
	min-width:1200px;
	overflow:hidden;
	text-align: left;
	max-width:2000px;
}

#character .ch1{
}

#character .ch_l{
	width:993px;
	height:874px;
	background-position: bottom;
}

#character .ch_r{
	width:993px;
	height:874px;
	background-position: bottom;
	background-repeat:no-repeat;
}

#character .ch_lb{
	width:993px;
	height:874px;
	background-position: bottom;
	background-repeat:no-repeat;
}

#character .ch_rb{
	width:993px;
	height:874px;
	background-position: bottom;
	background-repeat:no-repeat;
}

#character .ch_0{

}


#whopper {
	position:absolute;
	width:100%;
	max-width:2000px;
}



#footer {
	width:100%;
	height:267px;
	background-image:url(../images/fotter.jpg);
	background-position:top center;
}


#footer .inner {
	margin:0px auto 0px auto;
	width:1200px;
	text-align:left;
}


#footer .footer1{
	letter-spacing:1px;
	float:left;
	width:860px;
}

#footer .footer2{
	margin:175px 0px 0px 0px;
	letter-spacing:1px;
	float:left;
	width:40px;
	text-align:right;
	font-size:12px;
}

#footer .social {
	margin:0px 0px 0px 0px;
}

#footer .social_t {
	margin:18px 0px 0px 0px;
	width:40px;
	height:46px;
	float:left;
	overflow:hidden;
	white-space:nowrap;
}

#footer .social_t a:link,#footer .social_t a:visited{
	margin:0px 0px 0px 0px;
	width:40px;
	height:46px;
	display:block;
	background-image:url(../images/social_t.png);
	background-repeat:no-repeat;
	text-indent:-10000px;
	}

#footer .social_t a:hover,#footer .social_t a:active{
	margin:0px 0px 0px 0px;
	width:40px;
	height:46px;
	display:block;
	background-image:url(../images/social_t_over.png);
	background-repeat:no-repeat;
	text-indent:-10000px;
	}

#footer .social_f {
	margin:18px 0px 0px 7px;
	width:40px;
	height:46px;
	float:left;
	overflow:hidden;
	white-space:nowrap;
}

#footer .social_f a:link,#footer .social_f a:visited{
	margin:0px 0px 0px 0px;
	width:40px;
	height:46px;
	display:block;
	background-image:url(../images/social_f.png);
	background-repeat:no-repeat;
	text-indent:-10000px;
	}

#footer .social_f a:hover,#footer .social_f a:active{
	margin:0px 0px 0px 0px;
	width:40px;
	height:46px;
	display:block;
	background-image:url(../images/social_f_over.png);
	background-repeat:no-repeat;
	text-indent:-10000px;
	}

#footer .social_g {
	margin:18px 0px 0px 7px;
	width:40px;
	height:46px;
	float:left;
	overflow:hidden;
	white-space:nowrap;
}

#footer .social_g a:link,#footer .social_g a:visited{
	margin:0px 0px 0px 0px;
	width:40px;
	height:46px;
	display:block;
	background-image:url(../images/social_g.png);
	background-repeat:no-repeat;
	text-indent:-10000px;
	}

#footer .social_g a:hover,#footer .social_g a:active{
	margin:0px 0px 0px 0px;
	width:40px;
	height:46px;
	display:block;
	background-image:url(../images/social_g_over.png);
	background-repeat:no-repeat;
	text-indent:-10000px;
	}


#footer .footer3{
	letter-spacing:1px;
	float:left;
	width:260px;
	text-align:right;
	font-size:12px;
}

#footer table {
	margin:25px 30px 10px 30px;
width:550px;
border-style:none;
border-collapse: collapse;
color:#FFF;
font-size:12px;
}


#footer .td1{
border-right: 1px #FFF solid;
border-bottom:1px #FFF solid;
padding:0px 0px 0px 10px;
height:23px;
}

#footer .td2{
border-bottom:1px #FFF solid;
padding:0px 0px 0px 10px;
}

#footer .td3{
border: 1px #FFF solid;
padding:0px 0px 0px 10px;
}

#footer .td4{
	padding:0px 0px 0px 10px;
border-bottom:1px #FFF solid;
}

#footer .td5{
border-bottom:1px #FFF solid;
border-right: 1px #FFF solid;
padding:0px 0px 0px 10px;
}

#footer .td6{
border-bottom:1px #FFF solid;
padding:0px 0px 0px 10px;
}

#footer .td7{
border-right: 1px #FFF solid;
padding:0px 0px 0px 10px;
}

#footer .td8{
padding:0px 0px 0px 10px;
}


#footer .td5 span{
border: 1px #FFF solid;
padding:1px 5px;
}


#footer  .footer_logo{
	margin:165px 0px 5px 0px;
	float:right;
}

#footer small{
	margin:0px 0px 0px 0px;
	float:right;
	color:#FFF;
}