@charset "utf-8";
/*

Version: 1.0
Tags: 



/* 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-color: #fff;
	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,li {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%;
}



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




/*--------------------------------------
  template
---------------------------------------*/
#wrap{
	overflow-x: hidden;
}

#menuArea,#gMenu{
	width: 100%;
}
#menuArea h1{
	padding:1em 0;
}
#menu,#copy,#showcaseMenu{
 display: none;
}
#boxArea{
	position:relative;
	margin:0;
	overflow-x: hidden;
}
.box{
	text-align: center;
}
.box img{
	margin: 0 0 35px;
}

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

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

/*--------------------------------------
  member
---------------------------------------*/
#memberAreaWrap{
	position:relative;	/* On older OS versions "position" and "z-index" must be defined (absolute | relative), */
	z-index:1;
}
#memberArea{
	position:relative;
	margin:0 0 0 192px;
	overflow-x: hidden;
}
.member{
	position: relative;
	background: url(common/img/member/line.gif) repeat-x left bottom;
	overflow:hidden;
	zoom:1;
}
.name{
	cursor: pointer;
	height:56px;
	padding:29px 0 0 66px;
}
*html .name{
	height:85px;
}
p.nameCategory img{
	padding-bottom:10px;
}
*html p.nameCategory {
	height:17px;
}
*+html p.nameCategory {
	height:17px;
}
.profileArea{
	padding:0 0 0 69px;
	overflow:hidden;
	zoom:1;
}

.pic{
	width:192px;
	padding:0 0 20px;
	float: left;
}
.profileArea dl{
	margin:0 0 0 192px;
}
.profileArea dt{
	font-size:77%;
	line-height:1.7;
}
.profileArea dd{
	padding: 0 0 29px;
	font-size:77%;
	line-height:1.7;
}
.profileArea dd.name2{
	padding: 0 0 13px;
	font-size:77%;
	line-height:1.7;
}
.profile-btn,.open-btn{
	display: none;
}

/*--------------------------------------
  aboutus
---------------------------------------*/
.subt01{
	height:30px;
	padding:27px 0 0 4px;
}
.text01{
	height:59px;
	padding:0 0 0 4px;
	font-size:77%;
}
.subt02{
	height:27px;
	padding:0 0 0 4px;
}
#map{
	height:417px;
}
#map img{
	border:solid 5px #ccc;
}
.text02{
	height:59px;
	padding:0 0 0 4px;
	font-size:77%;
	line-height: 1.8;
}
#map-btn li{
	margin:0 5px 0 0;
	float: left;
}



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


/*--------------------------------------
  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;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; 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.
*/
#cboxOverlay{background:#fff url(common/img/colorbox/copy.gif) no-repeat right bottom;}
#colorbox{}

/* frame */
#cboxTopLeft{width:21px; height:21px;}
#cboxTopRight{width:21px; height:21px;}
#cboxBottomLeft{width:21px; height:21px;}
#cboxBottomRight{width:21px; height:21px;}
#cboxMiddleLeft{width:21px; background:}
#cboxMiddleRight{width:21px; background:}
#cboxTopCenter{height:21px; background:}
#cboxBottomCenter{height:21px; background:}
#cboxContent{background:#fff;}


#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:18px; left:15px; width:100%; color:#000;	font-size:69%;font-family: Arial, Helvetica, sans-serif;line-height:1.2;}
#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(common/img/colorbox/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(common/img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{}
#cboxLoadingGraphic{background:url(common/img/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; top:22px; right:25px; background:url(common/img/colorbox/close.gif) 0 0 no-repeat; width:28px; height:28px; text-indent:-9999px;}
#cboxClose.hover{}