/*    ------------ ヘッダ ------------    */

#head-wrapper{
	
	/*background-color: #000;*/
}

#head-wrapper h1{
	width: 210px;
	float:left;
}

/*ヘッダ左側色付け*/
#head-wrapper #head-helper{
	position:relative;
	background-color: #000000;
	height: 80px;
	margin-right: 780px;
	margin-left: -10000px;
	padding-left: 10000px;
}

#head-wrapper #head-helper .head-area {
	position: absolute;
	width: 780px;
	height: 80px;
	margin: 0 auto;
	text-align: left;
	background: url(../../images/common/head_bg.jpg) no-repeat;
	float:left;
}





/*▼▼言語ボタン▼▼*/

#head_lang{
	width: 570px;
	height:20px;
	padding: 10px 0px 10px 0px;
	float:left;

}

#head_lang a:link{color: #8C8C8C; text-decoration:none;}
#head_lang a:visited{color: #8C8C8C; text-decoration:none;}
#head_lang a:hover{color: #555;}
#head_lang a:active{color: #8C8C8C;}
#head_lang a:focus{outline:none;}



#head_lang  li{
	color: #FFF;
	/*font-size:11px;*/
	background:transparent url(../../images/common/arrow01.gif) 0px 5px no-repeat;
	text-align:left;
	padding: 0px 15px 0px 7px;
	display:inline;
	float:right;
}



/*▼▼コンテンツボタン▼▼*/

#head_cont{
	position:relative;
	width: 570px;
	height:20px;
	padding: 10px 0px 10px 0px;
	float:left;
}

#head_cont a:link{color: #F1F1F1; text-decoration:none;}
#head_cont a:visited{color: #F1F1F1; text-decoration:none;}
#head_cont a:hover{color: #888;}
#head_cont a:active{color: #F1F1F1;}
#head_cont a:focus{outline:none;}


#head_cont .cont_link_box{
	position:absolute;
	bottom:10px; 
	right:0px;
}


#head_cont  .cont_link_box li{
	font-color: #FFF;
	/*font-size:12px;*/
	background:transparent url(../../images/common/arrow01.gif) 0px 4px no-repeat;
	text-align:left;
	padding: 0px 15px 0px 7px;
	display:inline;
	float:right;
}


/*    ------------ フッタ ------------    */

#foot-wrapper{
	background: #FFF url(../../images/common/foot_bg.gif) repeat-x;
	border-top: solid 1px #CCC;
	width: 100%;
	/*float:right;*/
}

#foot-wrapper a:link{color: #424242; text-decoration:none;}
#foot-wrapper a:visited{color: #424242; text-decoration:none;}
#foot-wrapper a:hover{color: #7F0019;}
#foot-wrapper a:active{color: #424242;}
#foot-wrapper a:focus{outline:none;}

#foot-wrapper .foot-area {
	width: 780px;
	height: 80px;
	margin: 0 auto;
	text-align: left;
}

#foot-wrapper .button-area {
	width: 780px;
	height:20px;
	padding: 10px 0px 10px 0px;
}



#copy-area {
	position: relative;
	width: 780px;
	height:20px;
	padding: 10px 0px 10px 0px;
}

#copy-area .copy-text {
	position:absolute;
	bottom:20px; 
	right:15px;
	/*font-size:10px;*/
	color:#8C8C8C;
}

#foot-wrapper .button-area   li{
	font-color: #FFF;
	/*font-size:11px;*/
	background:transparent url(../../images/common/arrow01.gif) 0px 5px no-repeat;
	text-align:left;
	padding: 0px 15px 0px 7px;
	display:inline;
	float:right;
}



/*    ------------ main ------------    */

#main-wrapper {
	min-height: 100%;
	height: auto !important; /*IE6でmin-heightを適用*/
	width: 780px;
	height: 100%;
	margin: 0 auto -81px; /* フッタ用マージン　フッタの高さに合わせること */
	background: #FFF url(../../images/common/side_bg.gif) repeat-y;
	text-align: left;
}

#main-wrapper .push {
	height: 80px; /* フッタ用マージン　フッタの高さに合わせること */
}

/*    ------------ location ------------    */

#location_area{
	width: 570px;
	height: 28px;
	text-align: left;
	border-top: solid 1px #b7b7b7;
	border-bottom: solid 1px #b7b7b7;
	float:left;
	background-color: #FFFFCC;
}
#location_area p{
	color: #333333;
	/*font-size:12px;*/
	margin: 7px 0px 0px 10px;
}

#location_area a:link{color: #d7d7d7; text-decoration:none;}
#location_area a:visited{color: #d7d7d7; text-decoration:none;}
#location_area a:hover{color: #999;}
#location_area a:active{color: #d7d7d7;}
#location_area a:focus{outline:none;}

/*    ------------ contents ------------    */

#contents {
	width: 570px;
	text-align: left;
	float:left;
}

#contents h2{
	width: 540px;
	margin: 0px 0px 30px 0px;
}

#contents h3{
	width: 540px;
	margin: 0px 0px 20px 0px;
}

#contents .content_area{
	width: 540px;
	text-align: left;
	padding:30px 0px 30px 30px;
}

#contents a:link{color: #2C5561;}
#contents a:visited{color: #2C5561;}
#contents a:hover{color: #7F0019;}
#contents a:active{color: #2C5561;}
#contents a:focus{outline:none;}

/*    ------------ 写真下menu ------------    */

#cont_buttonarea{
	background: #000;
	width: 555px;
	text-align: left;
	padding:15px 0px 0px 15px;
}

#cont_buttonarea a{
	background:transparent url(../../images/common/arrow01.gif) 0 4px no-repeat;
	padding: 0px 10px 0px 7px;
}


#cont_buttonarea  li{
	float:left;
	margin:0px 15px 15px 0px;
	background: #111;
	border: solid 1px #333;
	padding: 5px 5px 5px 5px;
	display:inline;
	white-space: nowrap;
}

/* ▼IE float+marginバグ対策▼ */

/* --- IE6以下 --- */
* html #cont_buttonarea ul{
	float:left;
	padding: 0px 0px 15px 0px;
}

/* --- IE7以上 --- */
*+html #cont_buttonarea ul{
	float:left;
	padding: 0px 0px 15px 0px;
}



#cont_buttonarea a:link{color: #FFFFFF; text-decoration:none;}
#cont_buttonarea a:visited{color: #FFF; text-decoration:none;}
#cont_buttonarea a:hover{color: #999;}
#cont_buttonarea a:active{color: #FFF;}
#cont_buttonarea a:focus{outline:none;}

/*    ------------ sidemenu ------------    */

#sidemenu {
	/*background:transparent url(../../images/common/side_logo.gif) no-repeat;*/
	border-top: solid 30px #d7d7d7;
	width: 180px;
	text-align: left;
	padding:40px 15px 15px 15px;
	float:left;
}

#sidemenu li{
	border-top: solid 1px #d7d7d7;
}

/*    ------------ 共通レイアウト ------------    */

/* 左右２項目(260:margin20:260)レイアウト */

.layout_halfcol{
	width:540px;
}
.layout_halfcol .left{
	width:260px;
	float:left;
}
.layout_halfcol .right{
	width:260px;
	float:right;
}


/* 左右２項目(300:margin20:200)レイアウト */

.layout_320_200col{
	width:540px;
}
.layout_320_200col .left{
	width:320px;
	float:left;
}
.layout_320_200col .right{
	width:100px;
	float:right;
}

/* 左中右３項目(170:margin15:170:margin15:170)レイアウト */

.layout_170_3col{
	width:540px;
}

.layout_170_3col .left{
	width:170px;
	padding-right:15px;
	float:left;
}

.layout_170_3col .center{
	width:170px;
	padding-right:15px;
	float:left;
}

.layout_170_3col .right{
	width:170px;
	padding-right:0px;
	float:left;
}


/* 画像リンク */


.imglink img{
	padding:1px;
}
.imglink a:link,
.imglink a:visited{	
	border:1px solid #CCC;
	display:block;
	height:1%;
}
.imglink a:hover,
.imglink a:active{
	border:1px solid #7F0019;
	display:block;
	height:1%;
}


/* 右写真用　下マージンレイアウト */

.rightphoto li{
	margin: 0px 0px 15px 0px;
}

.rightphoto .lastphoto{
	margin: 0px 0px 0px 0px;
}

.category_button{
	width:540px;
	text-align: left;
	padding:30px 0px 0px 0px;
}

.category_button a{
	background:transparent url(../../images/common/arrow01.gif) 0 4px no-repeat;
	padding: 0px 0px 0px 7px;
}


.anchor{
	width:540px;
	text-align: right;
	padding:30px 0px 0px 0px;
}

/* 罫線ボックス */
.line_block1{
	padding:15px;
	border:1px solid #DDDDDD;
}

/* グレーボックス */
.gray_block{
	background-color:#F3F3F3;
	padding:15px;
}

/* 矢印付リンク */
.arrowlink a{
	background:transparent url(../../images/common/arrow01.gif) 0 4px no-repeat;
	padding: 0px 0px 0px 7px;
}

/* comimg soon */
.comingsoon{
	width:100%;
	padding: 150px 0px 150px 0px;
	text-align: center;
}
