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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
    margin: 0px;
    padding: 0px;
    border: 0px;
    outline: 0px;
    vertical-align: baseline;
    background: transparent;}
	

body {
	font-size: 13px;
	*font-size: 90%;
	color:#FFFFFF;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	/*overflow-x: hidden;*/
	background:#000;
	/*font-family: Verdana,"CI",Meiryo,"qMmpS Pro W3","Hiragino Kaku Gothic Pro","lr oSVbN","MS PGothic",sans-serif;*/
	font-family: 'Yu Mincho', '游明朝', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", "平成明朝",serif;
	min-width: 600px;
	background:url(../img/common/bg.jpg);

}

ul {
    list-style: none;
	margin:0;
	padding:0;}

.clear{ clear:both;}

.left{
	float:left;}
	
.right{
	float:right;}
	
.center{
	text-align:center;}	

.t_right{ text-align:right;}
.v_bottom{vertical-align:bottom;}
	
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* link
===============================================================*/	

a{color:#C03;}	
a:link{color:#C03;}	
a:hover{color:#C03;}
a:visited{color:#C03;}	
	
/* margin
===============================================================*/	
	

.mb10{
	margin-bottom:10px;}
	
.mb25{
	margin-bottom:25px;}	
	

.mb30{
	margin-bottom:30px;}	

.mb50{
	margin-bottom:50px;}

.mt20{margin-top:20px;}


/* h
===============================================================*/

h1{
	margin:0 0 10px 10px;}
	
h2{
	text-align:center;
	margin-bottom:10px;}
	
h3{
	margin:5px 0;}
	
h4{
	background:url(../img/company/h4.png) no-repeat left;
	padding-left:30px;
	font-size:18px;
	font-weight:normal;
	margin-bottom:15px;}


/* text
===============================================================*/

p{
	margin:0 0 5px;
	padding:5px;
	line-height:25px;}
	
.img_text{
	margin:10px 10px 50px;}	
	
.bold{
	font-weight:bold;}
	
.sm-txt{
	font-size:10px;}
	

.red{
	color:#CC0000;}
	
	
/* base
===============================================================*/

#wrap{
	margin:0;
	padding:0;
	background:url(../img/common/line.png) repeat-x;
	}
	
#wrap2{
	margin:0;
	padding:0;
	
	}
	

	
#contents{
	width:970px;
	height:auto;
	margin:0 auto;
	}

#contents2{
	width:970px;
	height:auto;
	min-height:800px;
	margin:0 auto;
	background:url(../img/common/line_page.png) repeat-y left;
	}

#contents3{
	width:970px;
	height:auto;
	min-height:800px;
	margin:0 auto;
	background:url(../img/common/line_page5.png) repeat-y left;
	}



/* index
==================================================*/

#news{
		width:350px;
		height:50px;
		margin-top:30px;
		float:right;
		margin-right:200px;
		background:url(../img/common/news.png) no-repeat left top;
		padding:35px 10px;
		line-height:1.6em;}

#main_index .info{width:300px;float:right;display:block;background-color:#fff;margin:50px 190px 50px;padding:40px 50px;color:#444;border-radius:10px;font-size:large; line-height:1.8em;}



/* base - index
===============================================================*/
	
	
#main_index{
	padding-top: 80px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
}


#logo{
	float: right;
	margin-top: 180px;
	margin-right: 300px;
	margin-left: 50px;
	margin-bottom: 0;
}
	
	
	
#gnavi_box {
	position: relative;
	width: 520px;
	height: 230px;
	float: right;
	margin-top: 10px;
}


ul#gnavi li{
	float:right;
	padding-top:35px;
	width:45px;
	text-align:center;}


#btn-bd {
 top: 0px;
 right:13px;
 position: absolute;
}

	
	
/* base - pages
===============================================================*/

#left-box{	
	padding:50px 0 0 20px;
	width:220px;
	height:auto;
	margin-right:10px;
	float:left;}





#gnavi_box2 ul li.menu01,
#gnavi_box3 ul li.menu01,
#gnavi_box4 ul li.menu01,
#gnavi_box5 ul li.menu01,
#gnavi_box6 ul li.menu01,
#gnavi_box7 ul li.menu01,
#gnavi_box8 ul li.menu01{background:url(../img/common/gnavi01_page.png) no-repeat;}

#gnavi_box2 ul li.menu02,
#gnavi_box3 ul li.menu02,
#gnavi_box4 ul li.menu02,
#gnavi_box5 ul li.menu02,
#gnavi_box6 ul li.menu02,
#gnavi_box7 ul li.menu02,
#gnavi_box8 ul li.menu02 {background:url(../img/common/gnavi02_page.png) no-repeat;}

#gnavi_box2 ul li.menu03,
#gnavi_box3 ul li.menu03,
#gnavi_box4 ul li.menu03,
#gnavi_box5 ul li.menu03,
#gnavi_box6 ul li.menu03,
#gnavi_box7 ul li.menu03,
#gnavi_box8 ul li.menu03 {background:url(../img/common/gnavi03_page.png) no-repeat;}

#gnavi_box2 ul li.menu04,
#gnavi_box3 ul li.menu04,
#gnavi_box4 ul li.menu04,
#gnavi_box5 ul li.menu04,
#gnavi_box6 ul li.menu04,
#gnavi_box7 ul li.menu04,
#gnavi_box8 ul li.menu04 {background:url(../img/common/gnavi04_page.png) no-repeat;}

#gnavi_box2 ul li.menu05,
#gnavi_box3 ul li.menu05,
#gnavi_box4 ul li.menu05,
#gnavi_box5 ul li.menu05,
#gnavi_box6 ul li.menu05,
#gnavi_box7 ul li.menu05,
#gnavi_box8 ul li.menu05 {background:url(../img/common/gnavi05_page.png) no-repeat;}

#gnavi_box2 ul li.menu06,
#gnavi_box3 ul li.menu06,
#gnavi_box4 ul li.menu06,
#gnavi_box5 ul li.menu06,
#gnavi_box6 ul li.menu06,
#gnavi_box7 ul li.menu06,
#gnavi_box8 ul li.menu06 {background:url(../img/common/gnavi06_page.png) no-repeat;}

#gnavi_box2 ul li.menu07,
#gnavi_box3 ul li.menu07,
#gnavi_box4 ul li.menu07,
#gnavi_box5 ul li.menu07,
#gnavi_box6 ul li.menu07,
#gnavi_box7 ul li.menu07,
#gnavi_box8 ul li.menu07 {background:url(../img/common/gnavi07_page.png) no-repeat;}

#gnavi_box2 ul li.menu08,
#gnavi_box3 ul li.menu08,
#gnavi_box4 ul li.menu08,
#gnavi_box5 ul li.menu08,
#gnavi_box6 ul li.menu08,
#gnavi_box7 ul li.menu08,
#gnavi_box8 ul li.menu08 {background:url(../img/common/gnavi08_page.png) no-repeat;}

#gnavi_box2 ul li.menu09,
#gnavi_box3 ul li.menu09,
#gnavi_box4 ul li.menu09,
#gnavi_box5 ul li.menu09,
#gnavi_box6 ul li.menu09,
#gnavi_box7 ul li.menu09,
#gnavi_box8 ul li.menu09 {background:url(../img/common/gnavi09_page.png) no-repeat;}

#gnavi_box2 ul li.menu30,
#gnavi_box3 ul li.menu30,
#gnavi_box4 ul li.menu30,
#gnavi_box5 ul li.menu30,
#gnavi_box6 ul li.menu30,
#gnavi_box7 ul li.menu30,
#gnavi_box8 ul li.menu30 {background:url(../img/common/gnavi30_page.png) no-repeat;}

#gnavi_box2 ul li.menu31,
#gnavi_box3 ul li.menu31,
#gnavi_box4 ul li.menu31,
#gnavi_box5 ul li.menu31,
#gnavi_box6 ul li.menu31,
#gnavi_box7 ul li.menu31,
#gnavi_box8 ul li.menu31 {background:url(../img/common/gnavi31_page.png) no-repeat;}

#gnavi_box2 ul li.menu32,
#gnavi_box3 ul li.menu32,
#gnavi_box4 ul li.menu32,
#gnavi_box5 ul li.menu32,
#gnavi_box6 ul li.menu32,
#gnavi_box7 ul li.menu32,
#gnavi_box8 ul li.menu32 {background:url(../img/common/gnavi32_page.png) no-repeat;}

#gnavi_box2 ul li.menu33,
#gnavi_box3 ul li.menu33,
#gnavi_box4 ul li.menu33,
#gnavi_box5 ul li.menu33,
#gnavi_box6 ul li.menu33,
#gnavi_box7 ul li.menu33,
#gnavi_box8 ul li.menu33 {background:url(../img/common/gnavi33_page.png) no-repeat;}


#gnavi_box2,
#gnavi_box3,
#gnavi_box4,
#gnavi_box5,
#gnavi_box6,
#gnavi_box7,
#gnavi_box30,
#gnavi_box31,
#gnavi_box32,
#gnavi_box33     {
	position: relative;
	height: 245px;
	width:230px;
	margin-top:30px;}
	
#gnavi_box2 ul,
#gnavi_box3 ul,
#gnavi_box4 ul,
#gnavi_box5 ul,
#gnavi_box6 ul,
#gnavi_box7 ul,
#gnavi_box30 ul,
#gnavi_box31 ul,
#gnavi_box32 ul,
#gnavi_box33 ul {
margin-left: 20px;
	font-size: 100%;
	font-weight: bold;
	position: absolute;
	z-index: 2;
	list-style: none;

	}
	
	
#gnavi_box2 ul li,
#gnavi_box3 ul li,
#gnavi_box4 ul li,
#gnavi_box5 ul li,
#gnavi_box6 ul li,
#gnavi_box7 ul li,
#gnavi_box30 ul li,
#gnavi_box31 ul li,
#gnavi_box32 ul li,
#gnavi_box33 ul li {
	height: 25px;
	padding:5px;
	}



	
#gnavi_box2 ul li a,
#gnavi_box3 ul li a,
#gnavi_box4 ul li a,
#gnavi_box5 ul li a,
#gnavi_box6 ul li a,
#gnavi_box7 ul li a,
#gnavi_box30 ul li a,
#gnavi_box31 ul li a,
#gnavi_box32 ul li a,
#gnavi_box33 ul li a{
	display:block;
	height: 25px;
	width:200px;}



/* 2 history
===================*/


#gnavi_box2 span {
	width: 100%;
	height: 18px;
	display: block;
	background:url(../img/common/point.png) no-repeat;
	position: absolute;
	top:40px;

		
}


/* 3 benibana
===================*/

#gnavi_box3 span {
	width: 100%;
	height: 18px;
	display: block;
	background:url(../img/common/point.png) no-repeat;
	position: absolute;
	top:80px;
		
}


/* 4 netshop
===================*/

#gnavi_box4 span {
	width: 100%;
	height: 18px;
	display: block;
	background:url(../img/common/point.png) no-repeat;
	position: absolute;
	top:115px;
		
}

/* 5 comapany
===================*/

#gnavi_box5 span {
	width: 100%;
	height: 18px;
	display: block;
	background:url(../img/common/point.png) no-repeat;
	position: absolute;
	top:150px;
		
}




/* 6 contact
===================*/

#gnavi_box6 span {
	width: 100%;
	height: 18px;
	display: block;
	background:url(../img/common/point.png) no-repeat;
	position: absolute;
	top:252px;
		
}


/* 7 blog
===================*/

#gnavi_box7 span {
	width: 100%;
	height: 18px;
	display: block;
	background:url(../img/common/point.png) no-repeat;
	position: absolute;
	top:218px;
		
}



#right-box{
	width:700px;
	height:auto;
	float:left;
	padding-top:70px;}





/* footer
===============================================================*/


#footer{
	text-align: center;
	margin-top: 100px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5px;
	clear:both;
}
	
#footer2{
	text-align:right;
	margin:30px 0 5px;}