@charset "UTF-8";
/* common.css */

/* //////////////////////////////////////////////
#body（その他基本部分）
/////////////////////////////////////////////// */
* {	margin: 0; }

html { height:100%; }

body {
margin: 0;
padding:0;
width: 100%;
height: 100%;
color:#300;
text-align: left;
line-height:140%;
font-size:small;
font-family:"Hiragino Kaku Gothic Pro","メイリオ","Verdana","Lucida Grande","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka", "sans-serif";
background:#000 url("../image/common/bg_body.png") bottom center repeat-x;
background-attachment: fixed;
}

img { border: 0px; }

a {
text-decoration:none;
outline:none;}


a:link    { color: #300; }
a:visited { color: #300; }
a:hover   { color: #933; text-decoration: underline; }
a:active  { color: #933; text-decoration: underline; }

.clear{ clear:both; }


/* //////////////////////////////////////////////
#header（ヘッダー）
/////////////////////////////////////////////// */
#header {
margin:0;
padding:0;
width:100%;
min-width:900px;
height:15%;
min-height:85px;
overflow:hidden;
background:url("../image/common/bg_header.png") bottom center repeat-x;
}


/* //////////////////////////////////////////////
#main
/////////////////////////////////////////////// */
#main {
margin:0;
padding:0;
width:100%;
min-width:900px;
height:545px;
overflow:hidden;
background:#FFF;
}


/* //////////////////////////////////////////////
#footer（フッター）
/////////////////////////////////////////////// */
#footer{
margin:0;
padding:0;
width:100%;
min-width:900px;
height:100px;
text-align:center;
line-height:160%;
letter-spacing: 1px;
font-weight:lighter;
overflow:hidden;
color:#FFF;
}

#footer span{
margin:10px 0;
display:block;
}

#footer a:link    { color: #FFF; }
#footer a:visited { color: #FFF; }
#footer a:hover   { color: #C96; text-decoration: underline; }
#footer a:active  { color: #C96; text-decoration: underline; }


/* //////////////////////////////////////////////
#content
/////////////////////////////////////////////// */
#content {
margin:0;
padding:0;
width:100%;
height:545px;
overflow:hidden;
}


/* //////////////////////////////////////////////
#カラム設定
/////////////////////////////////////////////// */
#column-a {
float:left;
margin:0;
padding:0;
width:40%;
height:545px;
overflow:hidden;
}

#column-b {
float:left;
margin:0;
padding:0;
width:60%;
height:545px;
overflow:hidden;
}


/* ////////////////////////////////////////
#menu (メニュー関連)
//////////////////////////////////////// */

/* h1とulまとめ */
#column-a div{
float:left;
margin:0;
padding:0;
width:200px;
height:545px;
}

/* 背景写真コメント */
#column-a p{
margin:515px 0 0 0;
padding:5px 15px;
text-align:right;
color:#FFF;
}

/* メニュー上ロゴ */
h1 {
margin: 0;
padding: 200px 0 0 0; 
width:200px;
height:0;
display:block;
background:url("../image/common/bg_h1.png") top center no-repeat;
overflow:hidden;
font-size:xx-small;
}

/* メニュー */
ul#menu_ul{
margin:0;
padding:0;
width:200px;
height:345px;
display:block;
list-style: none;
background:url("../image/common/bg_menu.png") bottom center no-repeat;
}

ul#menu_ul li{
margin:0;
padding:0;
width:200px;
height:45px;
font-size: 0;
line-height: 0;
}

ul#menu_ul li a{
margin:0;
padding:0;
width:200px;
height:45px;
display:block;
}


/* 各メニュー設定（通常時） */
a.menu-01{
background-image: url(../image/common/menu_01.png);
background-position: 0px 0px;}

a.menu-02{
background-image: url(../image/common/menu_02.png);
background-position: 0px 0px;}

a.menu-03{
background-image: url(../image/common/menu_03.png);
background-position: 0px 0px;}

a.menu-04{
background-image: url(../image/common/menu_04.png);
background-position: 0px 0px;}

a.menu-05{
background-image: url(../image/common/menu_05.png);
background-position: 0px 0px;}

/*選択時*/
a.on{
background-position: 0px 45px;}


/* ロールオーバー時 */
a:hover.menu-01,
a:hover.menu-02,
a:hover.menu-03,
a:hover.menu-04,
a:hover.menu-05
{ background-position: 0px 45px; }


/* アクション時 */
a:active.menu-01,
a:active.menu-02,
a:active.menu-03,
a:active.menu-04,
a:active.menu-05
{ background-position: 0px 46px; }



/* //////////////////////////////////////////////
#基本設定
/////////////////////////////////////////////// */

h2 {
margin: 0;
padding:70px 0 0 0;
height:0;
display:block;
overflow:hidden;
font-size:xx-small;
}




/* //////////////////////////////////////////////
#ポップアップウィンドウ
/////////////////////////////////////////////// */

	#overlay {
		background: #000;
		position: absolute; top: 0; left: 0;
		z-index: 10000;
		width: 100%;
	}

	.prettyPopin {
		display: none;
		overflow: hidden;
		position: absolute; z-index: 11000;
		top: 50%; left: 50%;
	}
	
		.prettyPopin a#b_close {
			display: none;
			position: absolute; z-index: 2;
			bottom: 10px; left: 320px;
			width: 55px; height: 23px;
			text-indent: -10000px;
			background: url(../image/popup/b_close.png) bottom left no-repeat;
		}
	
		.prettyPopin .prettyContent {
			position: relative;
			width: 100%; height: 100%;
			font-size: 1.2em;
			background: #FFF;
		}
		
			.prettyPopin .prettyContent .prettyContent-container {
				display: none;
				padding: 0;
			}
		
			.prettyPopin .prettyContent .loader {
				position: absolute;
				top: 50%; left: 50%;
				margin: -14px 0 0 -14px;
			}