@charset "Shift_JIS";

/* ---------- body ---------- */
* {margin:0;padding:0;} 


html{
height: 100%
}


body {
font:13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*font-size:small;
*font:x-small;
text-align: center;
margin:0;
padding: 0;
color: #121212;
background: #EDEEF2;
height: 100%;
}


#wrap {
height: 100%;
background-color: #EDEEF2;
background-repeat: repeat-x;
}

body > #wrap {height: auto; min-height: 100%;}

#wrapN {
height: 100%;
background-image: url(../images/naka_headerbg.jpg);
background-repeat: repeat-x;
}

body > #wrapN {height: auto; min-height: 100%;}

#main {padding-bottom: 100px; width:900px; margin:0 auto;}  /* must be same height as the footer */


/* ---------- int ---------- */
a img {
border: 0px none;
}

p{
margin:0px;
padding:0px;
}

h1,h2,h3{
margin:0;
padding:0;
}


a:visited{
color: #006;
text-decoration: underline;
}

a:link{
color: #006;
text-decoration: underline;
}

a:hover{
color: #006;
text-decoration: none;
}


form{
margin:0;
padding:0;

}

.clear{
clear:both;
}



/* ---------- header ---------- */

#header{
padding:0;
width:900px;
height:150px;
margin:35px auto 0;
}

#header_naka{
padding:0;
width:900px;
height:215px;
margin:35px auto 0;
}

#header h1{
float:right;
padding:0 5px 5px 30px;
margin:0 auto;
font-size:10px;
font-weight:normal;
color: #333;
}

#header_naka h1{
float:right;
padding:0 5px 5px 30px;
margin:0 auto;
font-size:10px;
font-weight:normal;
color: #333;
}

#header #headerLogo{
	float:left;
	width:393px;
	height:85px;
	margin:0;
	padding:0;
}

#header #ad{
float:right;
padding:5px;
width:393px;
margin:0 auto;
text-align:right;
font-size:93%;
font-weight:normal;
line-height:140%;
}


/* ---------- header naka ---------- */

#headerN{
margin:0;
padding:0;
width:900px;
height:133px;
margin:0 auto;
}

#headerN h1{
width:860px;
height:133px;
background: url(../images/naka_header.jpg) no-repeat;
text-indent: -9999px;
margin:0 auto;
}


/* ---------- gmenu---------- */
#stage{
width:900px;
height:301px;
margin:0 auto;
}

.stagePartsL{
float:left;
height:301px;
background-image:url(../image/main_flash.jpg);
}

.stagePartsR{
float:right;
}


/* ---------- footer---------- */
#footer {
position: relative;
margin-top: -100px;
height: 100px;
clear:both;
background:#CFD1DC;
text-align:center;
} 

#footer p{
font-size:85%;
padding:10px 0;
color:#FFFFFF;
}

#footer p a{
color:#FFFFFF;
text-decoration:none;
}

#footer p a:hover{
color:#FFFFFF;
text-decoration:underline;
}

#copyright{
	margin:10px 0 0 0;
	
}



/* ---------- CLEAR FIX---------- */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ---------- pagetop---------- */
.pagetop{
text-align:right;
width:635px;
margin:20px 0 0 0;

}

/* ---------- demotop ---------- */
.demo_box {padding:40px; text-align:left;}
.demo_tit {font-size:43px; color:#333; font-weight:bold;}
.demo_date {font-size:30px; color:#333; font-weight:bold;}
.demo_lead {font-size:18px; line-height:146%; color:#0AB2D2;}
.demo_stit {font-size:22px; color:#333; padding:5px 10px; background-color:#DDD; font-weight:bold;}
.demo_txt {font-size:19px; line-height:156%; color:#333; font-weight:bold;}
.demo_stxt {font-size:12px; line-height:176%; color:#666;}



/* ---------- font ---------- */

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.fontB{
font-weight:bold;
}
.fontBred{
font-weight:bold;
color:#C00;
}

/* align */
.alignC {
text-align:center;
}
.alignL {
text-align:left;
}
.alignR {
text-align:right;
}
.alignC img,
.alignL img,
.alignR img {
display:inline;
}

.vAlignT {
vertical-align:top;
}
.vAlignM {
vertical-align:middle;
}
.vAlignB {
vertical-align:bottom;
}

/* margin */
.mgn0 {
margin:0 !important;
}
.mgn5 {
margin:5px !important;
}
.mgn10 {
margin:10px !important;
}
.mgn20 {
margin:20px !important;
}
.mgn30 {
margin:30px !important;
}
.mgn40 {
margin:40px !important;
}
.mgn50 {
margin:50px !important;
}
.mgn100 {
margin:100px !important;
}

/* vertical */
.mgnV0 {
margin-top:0 !important;
margin-bottom:0 !important;
}
.mgnV5 {
margin-top:5px !important;
margin-bottom:5px !important;
}
.mgnV10 {
margin-top:10px !important;
margin-bottom:10px !important;
}
.mgnV20 {
margin-top:20px !important;
margin-bottom:20px !important;
}
.mgnV30 {
margin-top:30px !important;
margin-bottom:30px !important;
}
.mgnV40 {
margin-top:40px !important;
margin-bottom:40px !important;
}
.mgnV50 {
margin-top:50px !important;
margin-bottom:50px !important;
}
.mgnV100 {
margin-top:100px !important;
margin-bottom:100px !important;
}

.mgnT0 {
margin-top:0 !important;
}
.mgnT5 {
margin-top:5px !important;
}
.mgnT10 {
margin-top:10px !important;
}
.mgnT20 {
margin-top:20px !important;
}
.mgnT30 {
margin-top:30px !important;
}
.mgnT40 {
margin-top:40px !important;
}
.mgnT50 {
margin-top:50px !important;
}
.mgnT60 {
margin-top:60px !important;
}
.mgnT90 {
margin-top:90px !important;
}
.mgnT100 {
margin-top:100px !important;
}

.mgnB0 {
margin-bottom:0 !important;
}
.mgnB5 {
margin-bottom:5px !important;
}
.mgnB10 {
margin-bottom:10px !important;
}
.mgnB20 {
margin-bottom:20px !important;
}
.mgnB30 {
margin-bottom:30px !important;
}
.mgnB40 {
margin-bottom:40px !important;
}
.mgnB50 {
margin-bottom:50px !important;
}
.mgnB100 {
margin-bottom:100px !important;
}

/* horizontal */
.mgnH0 {
margin-left:0 !important;
margin-right:0 !important;
}
.mgnH5 {
margin-left:5px !important;
margin-right:5px !important;
}
.mgnH10 {
margin-left:10px !important;
margin-right:10px !important;
}
.mgnH20 {
margin-left:20px !important;
margin-right:20px !important;
}
.mgnH30 {
margin-left:30px !important;
margin-right:30px !important;
}
.mgnH40 {
margin-left:40px !important;
margin-right:40px !important;
}
.mgnH50 {
margin-left:50px !important;
margin-right:50px !important;
}
.mgnH100 {
margin-left:100px !important;
margin-right:100px !important;
}

.mgnL0 {
margin-left:0 !important;
}
.mgnL5 {
margin-left:5px !important;
}
.mgnL10 {
margin-left:10px !important;
}
.mgnL20 {
margin-left:20px !important;
}
.mgnL30 {
margin-left:30px !important;
}
.mgnL40 {
margin-left:40px !important;
}
.mgnL50 {
margin-left:50px !important;
}
.mgnL100 {
margin-left:100px !important;
}
.mgnL400 {
margin-left:400px !important;
}
.mgnL120 {
margin-left:120px !important;
}
.mgnL170 {
margin-left:172px !important;
}
.mgnR0 {
margin-right:0 !important;
}
.mgnR5 {
margin-right:5px !important;
}
.mgnR10 {
margin-right:10px !important;
}
.mgnR15 {
margin-right:15px !important;
}
.mgnR20 {
margin-right:20px !important;
}
.mgnR30 {
margin-right:30px !important;
}
.mgnR40 {
margin-right:40px !important;
}
.mgnR50 {
margin-right:50px !important;
}
.mgnR100 {
margin-right:100px !important;
}

.pdnB1 {
padding-bottom:1px !important;
}

.mgnR1 {
margin-right:1px !important;
}
.mgnB1 {
margin-bottom:1px !important;
}


.float {
float:left;
}

.bottom {
vertical-align:bottom;
}

.center {
text-align:center !important;
}

.right {
text-align:right;
}

.indent {
text-indent:-1em;
margin-left:1em;
}