@charset "utf-8";
/*

/* Reset 


/*======================================

	1-1.Copyright (c) 2009, Yahoo! Inc. All rights reserved.
	Code licensed under the BSD License:
	http://developer.yahoo.net/yui/license.txt
	version: 2.8.0r4

	Font-size Adjustment
	
	10px ----- 77%
	11px ----- 85%
	12px ----- 93%
	13px ----- 100%
	14px ----- 108%
	15px ----- 116%
	16px ----- 123.1%
	17px ----- 131%
	18px ----- 136%
	19px ----- 144%
	20px ----- 152%
	21px ----- 159%
	22px ----- 167%
	23px ----- 174%
	24px ----- 182%
	25px ----- 189%
	26px ----- 197%

=======================================*/

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
	font:13px/1.231 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	/* for IE6/7 */ 
	*font-size:small; 
	/* for IE Quirks Mode */
	*font:x-small; 
}

/*======================================

	1-2.Universal selector

=======================================*/

body,html,h1,h2,h3,p,em,strong,div,ul,li,dl,dt,dd,a{
	margin:	 0;
	padding: 0;
	line-height: 1.6;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	outline: 0;
}


/*======================================

	1-3.Structure Module

=======================================*/


html {
	height:100%;
}
body {
	height:100%;
	background:#fbf8f5 url(common/img/template/bg_menu.gif) repeat-y left top;
	color: #333;
}
/* IE7 */
*:first-child+html body{
	font-family: 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
}


/*======================================

	1-4.Text Module

=======================================*/

h1,h2,h3	{font-weight: normal;}

strong,em {font-weight: bold;}


/*======================================

	1-5.Hypertext Module

=======================================*/

a:link		{color: #333;}
a:visited {color: #333;}
a:hover		{color: #333;}
a:active	{outline: 0;}
a img			{border: none;}

/*======================================

	1-6.List Module

=======================================*/

ul {list-style: none;}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size: 100%;
}


/*======================================

	1-7.Font Module

=======================================*/

.red  {COLOR: #FF0000;}
.error  {COLOR: #FF0000;}



/* =Layout
-------------------------------------------------------------- */




/*--------------------------------------
  template
---------------------------------------*/
#wrap{
	overflow-x: hidden;
}
#group_position{
	width:1000px;
	margin:0 auto;
}


#menuArea{
	position: fixed;
	top:0;
	width:1000px;
	height:100%;
	margin:0 auto;
	}
#gMenu{
	width:190px;
	height:100%;
	float: left;
}
#subMenus{
/*	display: none;*/
	position: fixed;
	float: left;
	width:208px;
	height:333px;
	margin:15px 15px 0px 15px;
	border:solid 1px #666464;
}
#menu_frame{
	/*position: fixed;*/
	float: left;
	left:0;
	top:0;
	width:208px;
	height:333px;
	margin:15px 15px 0px 15px;
	border:solid 1px #666464;
}
#menu{
	/*position: fixed;*/
	/* メニュー一*/
	width:190px;
	height:530px;
	margin:0px 15px 0px 0px;
}
#menu ul{
	margin:	 0;
	padding: 0;
}
#menu li{
	margin:	 0;
	padding: 0;
	font-size: 10px;
	line-height: 0;
	height:12px;
	overflow: hidden;
	margin-top:15px;
}
#menu li a{
	margin:	 0;
	padding: 0;
	display:block;
	width:180px;
	height:12px;
	text-indent:-200px;
}
#menu a.menu_btn_01{background: url(../image/menu_btn_01.png) no-repeat left top;}
#menu a.menu_btn_02{background: url(../image/menu_btn_02.png) no-repeat left top;}
#menu a.menu_btn_03{background: url(../image/menu_btn_03.png) no-repeat left top;}
#menu a.menu_btn_04{background: url(../image/menu_btn_04.png) no-repeat left top;}
#menu a.menu_btn_05{background: url(../image/menu_btn_05.png) no-repeat left top;}
#menu a.menu_btn_06{background: url(../image/menu_btn_06.png) no-repeat left top;}
#menu a.menu_btn_07{background: url(../image/menu_btn_07.png) no-repeat left top;}
#menu a.menu_btn_08{background: url(../image/menu_btn_08.png) no-repeat left top;}
#menu a.menu_btn_09{background: url(../image/menu_btn_09.png) no-repeat left top;}
#menu a.menu_btn_10{background: url(../image/menu_btn_10.png) no-repeat left top;}
#menu a.showcase{background: url(common/img/template/btn_1.gif) no-repeat left top;}
#menu a.showcaseOpen{background: url(common/img/template/btn_1.gif) no-repeat left top;}
#menu a.member{background: url(common/img/template/btn_2.gif) no-repeat left top;}
#menu a.aboutus{background: url(common/img/template/btn_3.gif) no-repeat left top;}
#menu a.recruit{background: url(common/img/template/btn_4.gif) no-repeat left top;}

#menu a.showcaseAct{background: url(common/img/template/btn_1.gif) no-repeat left bottom;}

body.page-id-2 	#menu a.aboutus{background: url(common/img/template/btn_3.gif) no-repeat left bottom;}
body.page-id-32 #menu a.member{background: url(common/img/template/btn_2.gif) no-repeat left bottom;}

#menu a:hover{
	background-position: left bottom;
}
#copy{
	clear: left;
	margin-top:40px;
	padding:0 0 0 5px;
}
#menu_line{
	clear: left;
	width:180px;
	margin:6px 14px 0px 14px;
	padding-top:3px;
	border-top:solid 1px #231815;
}
#copy img{
	margin-top:10px;
}
#management{
	clear: left;
	margin-top:10px;
	font-size: 80%;
}
#subMenu{
/*	display: none;*/
	margin-left:230px;
	width:190px;
	height:100%;
	background: url(common/img/template/bg_cat.gif) repeat-y right top;
}
#subMenu h2{
	height:55px;
	padding:0 0 0px 22px;
}
#subMenu h2 img{
	margin:0px 0 0;
}
#subMenu .menutxt{
	width:500px;
	font-size:14px;
	padding:0 0 10px 22px;
	
}
#subMenu dl{
	padding:0 0 0 0px;
}
#subMenu li{
	height:18px;
	overflow: hidden;
	vertical-align: top;
	width:150px;
	margin-left:20px;
	margin-bottom:10px;
	border:solid 1px #666464;
	
}
#subMenu .active{
	height:18px;
	overflow: hidden;
	vertical-align: top;
	width:150px;
	margin-left:20px;
	margin-bottom:10px;
	color:#FFFFFF;
	background-color: #000000;
	border:solid 1px #666464;
	
}

#subMenu a{
	padding: 5px 50px 0px 15px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: top;
	background: url(common/img/template/icn_category.gif) no-repeat left center;
}
#subMenu a:link,
#subMenu a:visited{
	color:#a5a5a5;
	text-decoration: none;
}
#subMenu .active a:link,
#subMenu .active a:visited{
	color:#ffffff;
	text-decoration: none;
}

#subMenu a:hover{
	color:#333;
	text-decoration: none;
	background: url(common/img/template/icn_category_o.gif) no-repeat left center;
}

#boxArea{
	width:540px;
	position:relative;
	margin:30px 0 0px 450px;
	overflow: hidden;
	zoom:1;
}
.box{
	height:180px;

	text-align: center;
}
.box img{
	margin: 0 0 33px;
}
.imagebox{
	float: left;
	height:180px;
	width:180px;

	text-align: center;
}
.imagebox img{
	margin: 0 0 33px;
}

#showcase{
	position:relative;
	margin:0 0 0 216px;
	height:72px;
}
#showcase img{
	margin:27px 0 0 0;
}

#sub_title{
	position:relative;
	margin:0 0 0 0px;
	height:57px;
}
#sub_title img{
	margin:0px 0 0 0;
}

#sub_listtitle{
	position:relative;
	margin:0px 0 0px 0px;
	padding:20px 0 0 510px;
	height:37px;
	background: url(../image/icon_02.png) no-repeat left;
	background-position:485px 20px;}

}
#sub_listtitle img{
	margin:15px 0 0 0;
}

#nav-below{
	clear:both;
	position:relative;
	margin:0 0 0 216px;
}

/*--------------------------------------
  movie
---------------------------------------*/

body.movie{
	padding:0;
	background-image: none;
}
.movieArea{
	width:540px;
	height:340px;
	overflow: hidden;
}

.footerarea{
	margin-top:0px;
	padding-bottom:5px;
	width:400px;
	background:#fbf8f5;
}
.copyright{
	font-size:10px;
}
/*--------------------------------------
  top
---------------------------------------*/
#topareaWrap{
	position:relative;	/* On older OS versions "position" and "z-index" must be defined (absolute | relative), */
	z-index:1;
}
#toparea{
	position:relative;
	margin:15px 30px 0 250px;
	overflow-x: hidden;
}

#sub_titles{
	position:relative;
	margin:0 0 0 0px;
	padding-top:0px;
}
/*-------------------------バナー領域の指定*/
#bnrarea {
 width: 700px;
 height: auto;
 margin: 10px 0 0 0;
 text-align: left;
}
#bnrlist {
 width: 708px;
 text-align: left;
}
#bnrlist ul {
 padding: 0;
 margin: 0;
}
#bnrlist li {
 margin: 5px 10px 5px 0px;
 float: left;
 list-style-type:none;
 list-style-position:outside;
}

/*--------------------------------------
  news
---------------------------------------*/
#newsAreaWrap{
	position:relative;	/* On older OS versions "position" and "z-index" must be defined (absolute | relative), */
	z-index:1;
}
#newsArea{
	position:relative;
	margin:0 30px 0 250px;
	overflow-x: hidden;
}
.news{
	position: relative;
	background: url(../image/line.png) repeat-x left bottom;
	overflow:hidden;
	zoom:1;
}
.name{
	cursor: pointer;
	height:20px;
	padding:1px 0 9px 5px;
}
*html .name{
	height:20px;
}
.nameCategory{
	height:10px;
}
.news_t_area{
	display: none;
	padding:0 0 0 30px;
	overflow:hidden;
	zoom:1;
}
.news_i{
	display: none;
	padding:0 0 0 30px;
	overflow:hidden;
	zoom:1;
}

.news_pic{
	width:120px;
	padding:0 0 10px 0px;
	float: left;
}
.news_t_area dl{
	margin:0 0 0 130px;
}
.news_t_area dt{
	font-size:77%;
	line-height:1.7;
}
.news_t_area dd{
	padding: 0 0 29px;
	font-size:77%;
	line-height:1.7;
}
.news_t_area dd.name2{
	padding: 0 0 13px;
	font-size:77%;
	line-height:1.7;
}
.news_i dl{
	margin:0 0 0 0px;
}
.news_i dt{
	font-size:77%;
	line-height:1.7;
}
.news_i dd{
	padding: 0 0 29px;
	font-size:77%;
	line-height:1.7;
}
.news_i dd.name2{
	padding: 0 0 13px;
	font-size:77%;
	line-height:1.7;
}
.profile-btn{
	position: relative;
	top:-15px;
	height:55px;
	margin:0 0 0 192px;
}
.profile-btn li{
	margin:0 5px 0 0;
	float: left;
}

.open-btn{
	position: absolute;
	top:5px;
	left:5px;
}
.open-btn a{
	display: block;
	width:200px;
	height:20px;
/*	background: url(../image/btn_open.gif) no-repeat left top;*/
	text-indent: -200px;
	overflow: hidden;

}
.open-btn a.selected{
	background-position: right top;
}

/*--------------------------------------
  event
---------------------------------------*/
#eventAreaWrap{
	position:relative;	/* On older OS versions "position" and "z-index" must be defined (absolute | relative), */
	z-index:1;
}
#eventArea{
	position:relative;
	margin:0 30px 0 250px;
	overflow-x: hidden;
}
.event{
	position: relative;
	background: url(../image/line.png) repeat-x left bottom;
	overflow:hidden;
	zoom:1;
}
.event_name{
	cursor: pointer;
	height:20px;
	padding:1px 0 9px 5px;
}
*html .event_name{
	height:20px;
}
.event_nameCategory{
	height:10px;
}
.event_contents_t_area{
	padding:0 0 0 10px;
	overflow:hidden;
	zoom:1;
}
.event_contents_i_area{
	padding:0 0 0 10px;
	overflow:hidden;
	zoom:1;
}

.event_pic{
	width:120px;
	padding:0 0 10px;
	float: left;
}
.event_contents_t_area dl{
	margin:0 0 0 130px;
}
.event_contents_t_area dt{
	font-size:77%;
	line-height:1.7;
}
.event_contents_t_area dd{
	padding: 0 0 29px;
	font-size:77%;
	line-height:1.7;
}
.event_contents_t_area dd.name2{
	padding: 0 0 13px;
	font-size:77%;
	line-height:1.7;
}
.event_contents_i_area dl{
	margin:0 0 0 0px;
}
.event_contents_i_area dt{
	font-size:77%;
	line-height:1.7;
}
.event_contents_i_area dd{
	padding: 0 0 29px;
	font-size:77%;
	line-height:1.7;
}
.event_contents_i_area dd.name2{
	padding: 0 0 13px;
	font-size:77%;
	line-height:1.7;
}

/*--------------------------------------
  store
---------------------------------------*/
#storeareaWrap{
	position:relative;	/* On older OS versions "position" and "z-index" must be defined (absolute | relative), */
	z-index:1;
}
#storearea{
	position:relative;
	margin:0 30px 0 250px;
	overflow-x: hidden;
}
.store{
	position: relative;
	background: url(../image/line.png) repeat-x left bottom;
	overflow:hidden;
	zoom:1;
	margin:0px 0 10px 0px;
}
.store_name{
	cursor: pointer;
	height:20px;
	padding:1px 0 10px 0px;
}
*html .store_name{
	height:20px;
}
.store_nameCategory{
	background: url(../image/line_2.png) repeat-x left bottom;
}
.store_contentsarea{
	padding:0 0 0 0;
	overflow:hidden;
	zoom:1;
}

.store_pic{
	width:160px;
	padding:0 0 0px;
	float: left;
}
.store_contentsarea dl{
	margin:0 0 0 170px;
}
.store_contentsarea dt{
	font-weight: bold;
	font-size:14px;
	line-height:1.7;
}
.store_contentsarea dd{
	padding: 0 0 10px;
	font-size:77%;
	line-height:1.7;
}
.store_contentsarea .tab{
	padding: 1px 0 0 16px;
	background: url(../image/icon_01.png) no-repeat left;
}
.store_contentsarea dd.name2{
	padding: 0 0 13px;
	font-size:77%;
	line-height:1.7;
}

/*--------------------------------------
  profile
---------------------------------------*/
#profileareaWrap{
	position:relative;	/* On older OS versions "position" and "z-index" must be defined (absolute | relative), */
	z-index:1;
}
#profilearea{
	position:relative;
	margin:0 30px 0 250px;
	overflow-x: hidden;
}
.profile{
	position: relative;
	background: url(../image/line.png) repeat-x left bottom;
	overflow:hidden;
	zoom:1;
}
.profile_name{
	cursor: pointer;
	height:20px;
	padding:1px 0 9px 5px;
}
*html .profile_name{
	height:20px;
}
.profile_nameCategory{
	height:10px;
}
.profile_contentsarea{
	padding:0 0 0 0px;
	overflow:hidden;
	zoom:1;
}

.profile_pic{
	width:150px;
	padding:0 0 0px;
	float: left;
}
.profile_contentsarea dl{
	margin:0 0 0 160px;
}
.profile_contentsarea dt{
	font-weight: bold;
	font-size:14px;
	line-height:1.7;
}
.profile_contentsarea .tab{
	padding: 1px 0 0 16px;
	background: url(../image/icon_01.png) no-repeat left;
}
.profile_contentsarea dd{
	padding: 0 0 29px;
	font-size:77%;
	line-height:1.7;
}
.profile_contentsarea dd.name2{
	padding: 0 0 13px;
	font-size:77%;
	line-height:1.7;
}

.profile_list-base	{ margin: 0; padding: 5px 0px 5px 0px; }
.profile_list-base li	{ clear: left; padding: 0px 0 5px; 0px; list-style:none none; height:18px;}
.profile_list-base .item{
float: left;
width: 60px;
padding-left: 10px;
text-align:left;}


/*--------------------------------------
  contact
---------------------------------------*/
#contactareaWrap{
	position:relative;	/* On older OS versions "position" and "z-index" must be defined (absolute | relative), */
	z-index:1;
}
#contactarea{
	position:relative;
	margin:0 30px 0 250px;
	overflow-x: hidden;
}
.contact{
	position: relative;
	overflow:hidden;
	zoom:1;
	margin:0px 0 10px 0px;
}
.contact_name{
	cursor: pointer;
	height:20px;
	padding:1px 0 10px 0px;
}
.contact_contentsarea{
	padding:0 0 0 0;
	overflow:hidden;
	zoom:1;
}
.contact_textarea{
	padding:0 0 0 0;
	font-size:14px;
	padding:0 0 20px;
	background: url(../image/line_3.png) repeat-x left bottom;
}
p, h1, form, button{border:0; margin:0; padding:0;}
/* ----------- My Form ----------- */
.myform{
width:600px;
padding:14px;
	text-align: left;
}


/* ----------- mailform ----------- */

.list-base	{ margin: 0; padding: 5px 0px 5px 0px; }
.list-base li	{ clear: left; padding: 0px 0 5px; 0px; list-style:none none; height:25px;}
.list-base .item{
float: left;
width: 145px;
font-size:12px;
padding-left: 10px;
font-weight: bold; 
text-align:right;}


#mailform{
width:600px;
padding:14px;
	text-align: left;
}
#mailform label{
font-size:12px;
display:block;
font-weight:bold;
text-align:right;
width:150px;
float:left;
}
#mailform .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:150px;
}
#mailform input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
margin:2px 0 20px 10px;
}
#mailform select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}
#mailform .size{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:80px;
margin:2px 0 20px 10px;
}
#mailform .wsize{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:150px;
margin:2px 0 20px 10px;
}
#mailform .bsize{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:50px;
margin:2px 0 20px 10px;
}
#mailform .ssize{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:20px;
heght:20px;
margin:2px 0 20px 10px;
}
#mailform .msize{
margin:2px 0 0px 10px;
}
#mailform .mg1size{
margin-right:300px;
}
#mailform .mg0size{
margin-right:200px;
}
#mailform .mg2size{
margin-right:100px;
}
#mailform .mg3size{
margin-right:200px;
}
#mailform .pd2size{
padding-right:100px;
}
#mailform .text{
float:left;
font-size:12px;
padding:0px 2px 0 10px;
margin:0px 0 0px 10px;
}
.messe_h{
height:331px;
margin:0 0 100px 0;
}
#mailform textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:400px;
margin:2px 0 20px 10px;
}
#mailform button{
width:125px;
height:31px;
background:#333333;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
.form_width{
margin:2px 0 20px 0px;

height:31px;
width:600px;
}
#mailform_end{
width:100%;
padding:164px 14px 14px 14px;
font-size:14px;
	text-align: center;
}
button{
width:125px;
height:31px;
background:#333333;
text-align:center;
line-height:31px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
}
#buttonfield{
margin:120px 0 0 200px;
width:400px;
}

/*--------------------------------------
  popup
---------------------------------------*/

.popup_wrap{
	width:750px;
	margin:0 auto;
}
.popup_title{
padding:10px 0 0 0;
text-align:center;
}
.popup_close{
	position: fixed;
	float: left;
width:50px;
padding-left:730px;
margin:10px 0;
}
.popup_image{
text-align:center;
padding-top:30px;
}

.popup_comment{
text-align:center;
padding:10px 0 10px 0;
font-size:14px;
}


/*--------------------------------------
  site-navi
---------------------------------------*/
.site-navi{
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 0;
	height: 0;
	font-size: 0;
	color: #fff;
	background: #fff;
}



/*--------------------------------------
  Coming soon…
---------------------------------------*/
.comingsoon{
margin:100px 0 350px 250px;
	font-size: 24px;
}

/*--------------------------------------
  ColorBox
---------------------------------------*/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
	*html #colorbox{overflow: visible;}
#cboxOverlay{position:fixed; width:100%; height:3000px;background-color: #fff;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block;position:absolute;top:50%;left:40%;margin:-140px 0 0 -140px;width:540px; height:340px; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
	*html #cboxContent{text-align: center;}

#cboxLoadedContent{background: url(common/img/colorbox/copy.gif) no-repeat right bottom;}
	*html #cboxLoadedContent{position:relative; top:20px; background-image: url(common/img/colorbox/copy_ie.gif);}
		*+html #cboxLoadedContent{background-image: url(common/img/colorbox/copy_ie.gif);}

#cboxTitle{position:absolute; bottom:16px; left:22px; width:100%; color:#000;	font-size:69%;font-family: Arial, Helvetica, sans-serif;line-height:1.2;}
	*html #cboxTitle{bottom:0;text-align: center;}
		*+html #cboxTitle{bottom:0;text-align: center;}
#cboxTitle img{margin:0 3px 0 5px;vertical-align: top;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../image/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../image/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{}
#cboxLoadingGraphic{background:url(../image/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:17px; right:22px; background:url(../image/btn_popup.png) 0 0 no-repeat; width:41px; height:66px; text-indent:-9999px;}
	*html #cboxClose{top:0;}
		*+html #cboxClose{top:0;}