@charset "UTF-8";

@import url(base.css);
@import url(textsettings.css);

/*  フォントサイズ早見表
	以下のようにサイズを指定することで各ブラウザでのフォントサイズを揃えることが出来ます。
	左記のパーセントで指定してください。

	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 	

*/

/* ------------------------------------------------------------ */
/* リンク色 */
/* ------------------------------------------------------------ */

a:link{
	color:#836150;
}
a:visited{
	color:#836150;
}
a:hover{
	color:#CC6600;
}
a:active{
	color:#CC6600;
}

/* ------------------------------------------------------------ */
/* 基本、レイアウト指定 */
/* ------------------------------------------------------------ */

body{/*
	background:#FEF7E5;*/
	font-family: "メイリオ","MS Pゴシック", "MS PGothic", "游ゴシック", YuGothic, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, Arial, Helvetica, Verdana, sans-serif;
}

#container{
	width:1020px;
	margin:20px auto 0;
	position:relative;
	background:#FEF7E5 url(../img/common/container_bg.jpg) repeat-y left top;
	border: 0px solid #333;
}

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

#header-area{
	position:relative;
	margin:0 10px;
	background:#111 url(../img/common/header_bg.jpg) repeat-x left top;
	height:80px;
}

.cap_t img{display: block; vertical-align:bottom; float:left;}

#header-area .header-utility{
	width:690px;
	_width:650px;
	float:right;
	margin:8px 10px 13px 0;
	display:inline;
}

#header-area .header-utility ul{margin: 0;float:right;}
#header-area .header-utility li{float:left; margin:0 0px 0 20px;}


/* homeー */
.menu_home{
background:url(../img/common/mainmenu01.gif) no-repeat;
width:85px;
height:20px;
}

.menu_home_on{
background:url(../img/common/mainmenu01_now.gif) no-repeat;
width:85px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_home_on a{
background:url(../img/common/mainmenu01_now.gif) no-repeat;
width:85px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_home a{
background:url(../img/common/mainmenu01.gif) no-repeat;
width:85px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_home a:hover{
background:url(../img/common/mainmenu01_on.gif) no-repeat;
width:85px;
height:20px;

}



/* conceptー */
.menu_concept{
background:url(../img/common/mainmenu02.gif) no-repeat;
width:94px;
height:20px;
}

.menu_concept_on{
background:url(../img/common/mainmenu02_now.gif) no-repeat;
width:94px;
height:20px;
}

.menu_concept_on a{
background:url(../img/common/mainmenu02_now.gif) no-repeat;
width:94px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}


.menu_concept a:hover{
background:url(../img/common/mainmenu02_on.gif) no-repeat;
width:94px;
height:20px;
}

.menu_concept a{
background:url(../img/common/mainmenu02.gif) no-repeat;
width:85px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}



/* menuー */
.menu_menu{
background:url(../img/common/mainmenu03.gif) no-repeat;
width:91px;
height:20px;
}

.menu_menu_on{
background:url(../img/common/mainmenu03_now.gif) no-repeat;
width:91px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_menu_on a{
background:url(../img/common/mainmenu03_now.gif) no-repeat;
width:91px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_menu a:hover{
background:url(../img/common/mainmenu03_on.gif) no-repeat;
width:91px;
height:20px;
}

.menu_menu a{
background:url(../img/common/mainmenu03.gif) no-repeat;
width:85px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}





/* shopー */
.menu_shop{
background:url(../img/common/mainmenu04.gif) no-repeat;
width:85px;
height:20px;
}

.menu_shop_on{
background:url(../img/common/mainmenu04_now.gif) no-repeat;
width:85px;
height:20px;
}

.menu_shop_on a{
background:url(../img/common/mainmenu04_now.gif) no-repeat;
width:85px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_shop a:hover{
background:url(../img/common/mainmenu04_on.gif) no-repeat;
width:85px;
height:20px;
}

.menu_shop a{
background:url(../img/common/mainmenu04.gif) no-repeat;
width:85px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}


/* topicsー */
.menu_topics{
background:url(../img/common/mainmenu05.gif) no-repeat;
width:94px;
height:20px;
}

.menu_topics_on{
background:url(../img/common/mainmenu05_now.gif) no-repeat;
width:94px;
height:20px;
}

.menu_topics a{
background:url(../img/common/mainmenu05.gif) no-repeat;
width:85px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_topics_on a{
background:url(../img/common/mainmenu05_now.gif) no-repeat;
width:85px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_topics a:hover{
background:url(../img/common/mainmenu05_on.gif) no-repeat;
width:94px;
height:20px;
}



/* mailー */
.menu_mail{
background:url(../img/common/mainmenu06.gif) no-repeat;
width:113px;
height:20px;
}

.menu_mail_on{
background:url(../img/common/mainmenu06_now.gif) no-repeat;
width:113px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_mail_on a{
background:url(../img/common/mainmenu06_now.gif) no-repeat;
width:113px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_mail a{
background:url(../img/common/mainmenu06.gif) no-repeat;
width:85px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}


.menu_mail a:hover{
background:url(../img/common/mainmenu06_on.gif) no-repeat;
width:113px;
height:20px;
}

/* fcー */
.menu_fc{
background:url(../img/common/mainmenu07.gif) no-repeat;
width:135px;
height:20px;
}

.menu_fc_on{
background:url(../img/common/mainmenu07_now.gif) no-repeat;
width:135px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_fc_on a{
background:url(../img/common/mainmenu07_now.gif) no-repeat;
width:135px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_fc a{
background:url(../img/common/mainmenu07.gif) no-repeat;
width:85px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_fc a:hover{
background:url(../img/common/mainmenu07_on.gif) no-repeat;
width:135px;
height:20px;
}


/* recruitー */
.menu_recruit{
background:url(../img/common/uti012.gif) no-repeat;
width:106px;
height:20px;
}

.menu_recruit_on{
background:url(../img/common/uti012_now.gif) no-repeat;
width:106px;
height:20px;
}

.menu_recruit_on a{
background:url(../img/common/uti012_now.gif) no-repeat;
width:106px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

.menu_recruit a:hover{
background:url(../img/common/uti012_on.gif) no-repeat;
width:106px;
height:20px;
}

.menu_recruit a{
background:url(../img/common/uti012.gif) no-repeat;
width:106px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}

/* inquiryー */
.menu_inquiry{
background:url(../img/common/uti02.gif) no-repeat;
width:100px;
height:20px;
}

.menu_inquiry_on{
background:url(../img/common/uti02_now.gif) no-repeat;
width:100px;
height:20px;
}

.menu_inquiry_on a{
background:url(../img/common/uti02_now.gif) no-repeat;
width:100px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}



.menu_inquiry a:hover{
background:url(../img/common/uti02_on.gif) no-repeat;
width:100px;
height:20px;
}


.menu_inquiry a{
background:url(../img/common/uti02.gif) no-repeat;
width:100px;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
display: block;
}



.globalmenu{
	float:right;
	margin: 0;
}

.globalmenu li{
	float:left;
	line-height:1;
	text-align:center;
}

/* ------------------------------------------------------------ */
/* コンテンツ大枠 */
/* ------------------------------------------------------------ */

#contents-area{
	margin: 0 10px;
	background:#FFF;
	padding:0px;
}

.breadcrum{
	font-size:88%;
	padding:0 0 25px 0px;
	background:#FFF;
	width:1000px;
	margin:0 auto;
}

.breadcrum ul{
	padding:0px 0 0 20px;
	background:#F5EFE4;
	width:960px;
	margin:0 auto;
}

.breadcrum li{float:left; padding:3px 0px;}

.breadcrum li a{color:#666; text-decoration:none;}
.breadcrum li a:hover{color:#666;}


/* ------------------------------------------------------------ */
/* サイドメニュー */
/* ------------------------------------------------------------ */

#submenu-area{
	width:240px;
	float:left;
}

img.subimg{margin: 0 0 5px 0px;}
	
/* ------------------------------------------------------------ */
/* メイン */
/* ------------------------------------------------------------ */

#main-area{
	width:680px;
	float:right;
	border: 0px solid #C00;
	background:#FFF;
	display:inline;
}

.mainimgarea{margin: 0 10px;position:relative;}
.mainimgarea img{vertical-align:bottom;}

.section{
	margin:0 auto 20px auto;
	padding:0 0 10px 0;
}

.pagetop{
	text-align:right;
	border: 0px solid #C00;
	margin:30px 20px 0 0px;
}

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

#footer-area{
	margin:0 auto;
	padding:0 0 35px;
	width:1000px;
}

#footer-area ul{border: 0px solid #C00; width:850px; float:left;}
#footer-area li{float:left;}
#footer-area .mt8{ margin-top:8px; }

/* ------------------------------------------------------------ */
/* デザインパーツ_Default */
/* ------------------------------------------------------------ */

.left,p.left,img.left {float: left;}

.right,p.right,img.right {float: right;}

img.center {text-align: center; display: block; margin: 0 auto;}

a:hover img.focus{
	filter: alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}

.bor{border: 1px solid #CCC;}
.no_b{border: 0px !important;}


/* ------------------------------------------------------------ */
/* デザインパーツ_Addition */
/* ------------------------------------------------------------ */

.clear{
	clear:both;
}


/* ------------------------------------------------------------ */
/* 矢印 */
/* ------------------------------------------------------------ */

.arrow01 {
	background: url(../img/common/arrow01.png) no-repeat left 2px;
	padding-left: 12px;
}


/* ------------------------------------------------------------ */
/* カラーボックス */
/* ------------------------------------------------------------ */
div.colorbox01 {
	border: 5px solid #efefe7;
	border-radius: 10px;
	margin: 20px 0;
	overflow: hidden;
	padding: 20px 40px;
}

div.colorbox01_bnr {
	border: 5px solid #FCF1E3;
	border-radius: 10px;
	margin: 20px 0;
	overflow: hidden;
	padding: 20px 40px;
}

div.goto_wrap {
	position:relative;
}

div.goto_contents {
	position:absolute;
	top:-8px;
	left:223px;
}

div.goto_contents02 {
	position:absolute;
	top:-8px;
	left:186px;
}

div.goto_contents03 {
	position:absolute;
	top:-8px;
	left:138px;
}

div.colorbox02 {
	background: #eee;
	border-radius: 5px;
	margin: 10px 0 0;
	padding: 15px 30px;
}

div.colorbox03 {
	border: 3px solid #f1a32c;
	border-radius: 5px;
	margin: 0 0 20px;
	padding: 15px;
	text-align: center;
}

div.colorbox04 {
	background: #f1a32c;
	border-radius: 5px;
	margin: 0 0 20px;
	padding: 15px;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
}

div.colorbox04 a {
	color: #FFFFFF;
}
div.colorbox04 a:hover {
	color:#CC6600;
}

.link_box a img:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

.img_hover a img:hover{
	opacity:0.5;
}