/*layout*/
/*------------------------------------------------------------------------------*/

#wrapper{
	width:100%;
	min-width:980px;
	background:url(../image/common/bg_wrapper_top.gif) repeat-x;
	text-align:center;
}
#common #wrapper{ background:url(../image/common/bg_wrapper.gif) repeat-x;}

#common #member_wrapper{ 
	width:100%;
	min-width:980px;
	background:url(../image/common/bg_wrapper.gif) repeat-x;
	text-align:center;
}

#header_wrapper{width:100%;}

#header{
	width:980px;
	height:86px;
	margin:0 auto;
	position:relative;
}
#header h1{
	font-size:11px;
	line-height:12px;
	position:absolute;
	top:10px;
	left:180px;
}
#logo{
	position:absolute;
	bottom:5px;
	left:0;
}
#btn_login{
	position:absolute;
	bottom:0;
	right:0;
}

#mainimage_wrapper{
	width:100%;
	height:340px;
	margin-bottom:30px;
	text-align:left;
}


#mainimage li{
	width:100%;	
	height:340px;
	text-indent:-9999px;
}

.mainimage01{background:url(../image/mainimage01.jpg) no-repeat center top;}
.mainimage02{background:url(../image/mainimage02.jpg) no-repeat center top;}
.mainimage03{background:url(../image/mainimage03.jpg) no-repeat center top;}
.mainimage04{background:url(../image/mainimage04.jpg) no-repeat center top;}


#top_container{
	width:100%;
	background:url(../image/common/bg_top_container.jpg) no-repeat center top;
	text-align:left;
}

#member_container{
	width:980px;
	text-align:left;
	margin:0 auto;
}


#container{
	width:980px;
	text-align:left;
	margin:0 auto;
}


#top_contents{
	width:940px;
	margin:0 auto;
	padding-left:20px;
}

#member_contents{
	width:980px;
	margin:0 auto 40px auto;
}

#contents{
	width:980px;
	margin:0 auto 40px auto;
}

#contents_left{
	width:710px;
	min-height:300px;
	float:left;
}
#contents_right{
	width:240px;
	float:right;
}


#footer_wrapper{
	width:100%;
	height:200px;
	background:url(../image/common/bg_footer_wrapper.jpg) repeat-x;
	text-align:left;
}
#footer_wrapper02{
	width:100%;
	height:200px;
	background:url(../image/common/bg_footer.jpg) no-repeat center top;
}

#footer{
	width:980px;
	height:200px;
	background:url(../image/common/bg_footer.jpg) no-repeat center top;
	margin:0 auto;
	position:relative;
}


#footnav {
	font-size:12px;
	line-height:12px;
	position:absolute;
	top:45px;
	left:0;
}
#footnav li{
	float:left;
	color:#999999;
	padding-left:15px;
}

#footnav li a{
	color:#999999;
	margin-right:5px;
}

#copyright{
	font-size:10px;
	line-height:13px;
	color:#999999;
	position:absolute;
	top:45px;
	left:230px;
}

#footer_logo{
	position:absolute;
	top:45px;
	right:20px;
}


#pagetop{
	text-align:right;
	margin:0 10px;
}

#locator{
	width:980px;
	margin:0 auto;
	font-size:11px;
	line-height:12px;
	text-align:left;
}


.pagetop{
    background:url(../image/common/pagetop.gif) no-repeat scroll 0 0 transparent;
    height: 0;
    overflow: hidden;
    padding-top: 60px;
    width: 104px;
}

/*globalnav*/
/*------------------------------------------------------------------------------*/

#globalnav_wrapper{
	width:100%;
	height:60px;
	background:url(../image/common/bg_nav.gif) no-repeat center 12px;
}

#globalnav {
	width:980px;
	height:60px;
	margin:0 auto;
}
#common #globalnav {margin:0 auto;}

#globalnav ul{list-style-type:none;}

#globalnav ul li{
	float:left;
	text-indent:-9999px;
}

#globalnav ul li a{
	height:60px;
	background-image:url(../image/common/nav.gif);
	display:block;
	overflow:hidden;
}

#globalnav01 a{ background-position:0px 0px; width: 152px;} 
#globalnav02 a{ background-position:-152px 0px; width: 125px;}
#globalnav03 a{ background-position:-277px 0px; width: 150px;}
#globalnav04 a{ background-position:-427px 0px; width: 147px;}
#globalnav05 a{ background-position:-574px 0px; width: 124px;}
#globalnav06 a{ background-position:-698px 0px; width: 282px;}

#globalnav01 a:hover, #globalnav01.main_current a{ background-position:0px -60px; width: 152px;} 
#globalnav02 a:hover, #globalnav02.main_current a{ background-position:-152px -60px; width: 125px;}
#globalnav03 a:hover, #globalnav03.main_current a{ background-position:-277px -60px; width: 150px;}
#globalnav04 a:hover, #globalnav04.main_current a{ background-position:-427px -60px; width: 147px;}
#globalnav05 a:hover, #globalnav05.main_current a{ background-position:-574px -60px; width: 124px;}
#globalnav06 a:hover, #globalnav06.main_current a{ background-position:-698px -60px; width: 282px;}


/*subnav*/
/*------------------------------------------------------------------------------*/

#subnav {
	width:240px;
	margin-bottom:30px;
}
#subnav ul{list-style-type:none;}

#subnav_title a{
	width:240px;
	height:37px;
	background:url(../image/common/subnav_title.gif) no-repeat;
	line-height:33px;
	text-align:left;
	color:#C90;
	font-size:14px;
	font-weight:bold;
	padding-left:40px;
	display:block;
	overflow:hidden;
}
#subnav_title a:hover {
	text-decoration:underline;
}
#subnav li a{
	width:240px;
	height:40px;
	background:url(../image/common/subnav01.gif) no-repeat;
	line-height:40px;
	text-indent:25px;
	font-size:12px;
	color:#999;
	display:block;
	overflow:hidden;
}
#subnav li a:hover,#subnav ul li.current a,#subnav ul li.current a:hover{
	background:url(../image/common/subnav01_ov.gif) no-repeat;
	font-weight:bold;
}
#subnav li.current ul li a{
	width:240px;
	height:30px;
	background:url(../image/common/subnav02.gif) no-repeat;
	line-height:30px;
	text-indent:30px;
	font-size:11px;
	color:#999;
	display:block;
	overflow:hidden;
	font-weight:normal;
}
#subnav li.current ul li a:hover,#subnav li.current ul li.current a{
	background:url(../image/common/subnav02_ov.gif) no-repeat;
	font-weight:bold;
}
#subnav li.current ul li.current ul li a{
	width:240px;
	height:30px;
	background:url(../image/common/subnav03.gif) no-repeat;
	line-height:30px;
	text-indent:40px;
	font-size:11px;
	color:#999;
	display:block;
	overflow:hidden;
	font-weight:bold;
}

#subnav li.current ul li.current ul li a:hover{
	background:url(../image/common/subnav03_ov.gif) no-repeat;
	font-weight:normal;
}


/*global*/
/*------------------------------------------------------------------------------*/


.subtitle02 {
    background: url("../image/common/subtitle02.jpg") no-repeat scroll 0 0 transparent;
    color: #CC9900;
    font-size: 20px;
    font-weight: bold;
    height: 100px;
    line-height: 100px;
    margin-bottom: 25px;
    overflow: hidden;
    text-indent: 35px;
    width: 710px;
}

.subtitle03 {
	width:710px;
	height:35px;
	background:url(../image/common/subtitle03.gif) no-repeat;
	line-height:35px;
	text-indent:40px;
	font-size:14px;
	font-weight:bold;
	color:#C90;
	margin-bottom:15px;
	overflow:hidden;
}

.subtitle03_02 {
	height:35px;
	background:url(../image/common/subtitle03.gif) no-repeat;
	line-height:35px;
	text-indent:40px;
	font-size:14px;
	font-weight:bold;
	color:#C90;
	margin-bottom:15px;
	overflow:hidden;
}

.subtitle03_03{
	height:35px;
	background:url(../image/common/subtitle03.gif) no-repeat;
	line-height:35px;
	text-indent:40px;
	font-size:14px;
	font-weight:bold;
	color:#C90;
	margin-bottom:15px;
	overflow:hidden;
	position:relative;
}

.subtitle03_03 img{
	position:absolute;
	top:0;
	right:0;
}

.subtitle03_03mem{
	height:35px;
	background:url(../image/common/subtitle03.gif) no-repeat;
	line-height:35px;
	text-indent:40px;
	font-size:14px;
	font-weight:bold;
	color:#C90;
	margin-bottom:15px;
	overflow:hidden;
	position:relative;
}

.subtitle03_03mem img{
	position:absolute;
	top:5px;
	right:0;
} 


.subtitle04 {
	background:url(../image/common/subtitle04.png) no-repeat 0 0;
	font-size:12px;
	color:#C90;
	font-weight:bold;
	padding-left: 20px;
	margin-bottom:10px;
}

.subtitle05 {
	font-size:14px;
	font-weight:bold;
	border-bottom:dotted 1px #CCCCCC;
	padding-bottom:5px;
	margin-bottom:10px;
}


.membertop {
	position:relative;
}


.c_title {
	position:absolute;
	top:20px;
	left:0;
	width:980px;
	text-align:center;
}

.c_catch {
	position:absolute;
	top:220px;
	left:0;
	width:980px;
	text-align:center;
}


.c_subcatch {
	position:absolute;
	top:250px;
	left:0;
	width:980px;
	text-align:center;
}



.period_box {
	position:absolute;
	top:280px;
	left:310px;
	width:500px;
}

.period_image {
	float:left;
	margin-right:15px;
}

.period_text {
	float:left;
	padding-top:12px;
}





/*sub common*/
/*------------------------------------------------------------------------------*/

.box2{width:100%; clear:both; overflow:hidden;}
.box2:before, .box2:after { content: ""; display: block;}
.box2:after { clear: both;}

.box2_left{
	width:350px;
	float:left;
}
.box2_right{
	width:350px;
	float:right;
}

.box3{width:100%; clear:both; overflow:hidden;}
.box3:before, .box3:after { content: ""; display: block;}
.box3:after { clear: both;}

.box3_left{
	width:230px;
	float:left;
	margin-right:20px;
}
.box3_center{
	width:230px;
	float:left;
}
.box3_right{
	width:230px;
	float:right;
}

.box4{width:100%; clear:both; overflow:hidden;}
.box4:before, .box4:after { content: ""; display: block;}
.box4:after { clear: both;}

.box4_left{
	width:175px;
	float:left;
	margin-right:10px;
}
.box4_right{
	width:170px;
	float:right;
}

.contact_box{
	width:710px;
	height:120px;
	position:relative;
	margin-top:50px;
}
.contact_box_btn{
	position:absolute;
	bottom:15px;
	right:230px;
}

.contact_box02{
	width:710px;
	height:120px;
	position:relative;
	margin-top:50px;
}
.contact_box_btn02{
	position:absolute;
	bottom:30px;
	right:65px;
}


/*table*/
/*------------------------------------------------------------------------------*/

table.tab{
	border-collapse:collapse;
	border:1px solid #ccc;
}
table.tab td{
	border:1px solid #ccc;
	padding:5px 10px;
}
table.tab td td{
	border:none;
	padding:0;
}
table.tab td.highlight{background-color:#FFEEF0; font-weight:bold;}
table.tab td.none_boder{border:none;}



/*------------------------------------------------------------------------------*/
/*top*/
/*------------------------------------------------------------------------------*/

#top_box01, #top_box02{margin-bottom:50px;}
#top_box01 h3, #top_box02 h3{margin-bottom:20px;}
#top_box01 h4, #top_box02 h4{margin-bottom:10px;}

#top_mainbanner_box{
	width:940px;
	height:140px;
	background:url(../image/bg_top_mainbanner.png) no-repeat center top;
	position:relative;
}

.btn_mainbanner{
	position:absolute;
	top:13px;
	right:13px;
}

.text_mainbanner{
	color:#7E64D3;
	position:absolute;
	bottom:15px;
	left:160px;	
}

#title01,#title02,#title03{
	position:absolute;
	top:20px;
	left:0;
}

#title04{
	position:absolute;
	top:20px;
	right:0;
}

/*---top_philosophy_box---------------------------------------------------------*/
#top_philosophy_box {
	width:940px;
	height:160px;
	background:url(../image/common/bg_philosophy_nav.png) no-repeat center top;
	position:relative;
	margin-bottom:29px;
}

#top_philosophy_box ul{
	list-style-type:none;
	position:absolute;
	top:0;
	right:0;
}

#top_philosophy_box ul li{
	float:left;
	text-indent:-9999px;
}

#top_philosophy_box ul li a{
	height:158px;
	background-image:url(../image/common/philosophy_nav.jpg);
	display:block;
	overflow:hidden;
}

#philosophy01 a{ background-position:0px 0px; width: 245px;} 
#philosophy02 a{ background-position:-245px 0px; width:245px;}
#philosophy03 a{ background-position:-490px 0px; width:245px;}

#philosophy01 a:hover { background-position:0px -158px; width: 245px;} 
#philosophy02 a:hover { background-position:-245px -158px; width:245px;}
#philosophy03 a:hover { background-position:-490px -158px; width:245px;}

/*---top_lineup_box---------------------------------------------------------*/

#top_lineup_box{
	width:940px;
	height:318px;
	background:url(../image/common/bg_lineup.png) no-repeat left top;
	position:relative;
}

.lineup_list01{
	position:absolute;
	top:0;
	right:0;
}
.lineup_list02{
	position:absolute;
	bottom:1px;
	right:0;
}

.lineup_list01 li,.lineup_list02 li{
	list-style:none;
	float:left;
	padding-left:1px;
}
/*---top_pickup_box---------------------------------------------------------*/

#top_pickup_box {
	width:940px;
	height:160px;
	background:url(../image/common/bg_pickup.png) no-repeat center top;
	position:relative;
}

#top_pickup_box ul{
	list-style-type:none;
	position:absolute;
	top:2px;;
	right:0;
}

#top_pickup_box ul li{
	float:left;
	padding-left:7px;
}


/*top rss*/
/*------------------------------------------------------------------------------*/

#top_news_box{
	width:940px;
	height:160px;
	background:url(../image/common/bg_news.png) no-repeat left top;
	position:relative;
}

.btn_news{
	position:absolute;
	bottom:10px;
	right:225px;
}

#top_rss_box{
	clear:both;
	position:absolute;
	top:20px;
	left:0;
}

#top_rss_box .ItemDate{
	clear:both;
	width:100px;
	float:left;
	color:#CC0000;
	background:url(../image/common/arr.gif) no-repeat 0 5px;
	padding:0 0 5px 30px;
	margin:0 0 5px 25px;
}
#top_rss_box .ItemTitle{
	width:760px;
	float:right;
	padding:0 0 5px 20px;
	margin:0 0 5px 0;
}

#top_rss_box .ItemTitle a{color:#999999;}


#top_rss_box .ItemContent{ display:none;}


/*sub rss*/
/*------------------------------------------------------------------------------*/

#sub_rss_box .ItemDate{
	clear:both;
	width:120px;
	float:left;
	padding:0 0 0 0;
	margin:10px 0 0 0;
}
#sub_rss_box .ItemTitle{
	width:590px;
	float:right;
	padding:0 0 0 0;
	margin:10px 0 0 0;
}
#sub_rss_box .ItemContent{ 
	clear:both;
	border-bottom:dotted 1px #CCCCCC;
	padding:5px 0 10px 140px;
}





/*company*/
/*------------------------------------------------------------------------------*/

.company_objective{
	width:710px;
	height:302px;
	background:url(../image/common/bg_company.jpg) no-repeat center top;
	position:relative;
}

.txt01_objective{
	width:400px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#996600;
	position:absolute;
	top:60px;
	left:160px;
}
.txt02_objective{
	width:450px;
	text-align:center;
	font-size:13px;
	line-height:25px;
	color:#996600;
	position:absolute;
	top:100px;
	left:140px;
}

/* step5 */
/*------------------------------------------------------------------------------*/

.step5_box{
	padding:0 0 30px 0;
	margin-bottom:30px;
	background:url(../image/step5_border.gif) center bottom no-repeat;
	overflow:hidden;
}

.step5_box_left{
	float:left;
	width:120px;
}

.step5_box_right{
	float:right;
	width:560px;
}


/*shop??*/
/*------------------------------------------------------------------------------*/
.price{font-size:13px; font-weight:bold; color:#333;}


/*pilosophy*/
/*------------------------------------------------------------------------------*/

.pilosophy01{
	width:710px;
	height:300px;
	background:url(../image/pilosophy_img01.jpg) no-repeat left top;
	position:relative;
}

.pilosophy01_txt{
	width:427px;
	height:118px;
	position:absolute;
	top:20px;
	left:20px;
}

.pilosophy02_txt{
	width:400px;
	height:150px;
	position:absolute;
	top:150px;
	left:30px;
}



/*rb*/
/*------------------------------------------------------------------------------*/
#rb_contents_bg{
	margin:0 auto;
 background:url(../image/rd_bg.jpg) no-repeat center; 	
}

/*history*/
/*------------------------------------------------------------------------------*/

#history_bg{
	width:710px;
	min-height:1000px;
	background:url(../image/common/bg_history.jpg) repeat-y left top;
}

#history_tab{
	margin-left:16px;
	
}
#history_tab td{padding-bottom:30px;}

/*simtemap*/
/*------------------------------------------------------------------------------*/

.sitemap { margin-left:20px; padding-top:10px;}
.sitemap li{
	list-style:none;
	background:url(../image/common/arr.gif) no-repeat 0 5px;
	padding:0 0 0 25px;
	margin:10px 0px;
}
.sitemap ul{ padding:0 0 5px 30px;}
.sitemap ul li{
	background:none;
	padding:0 0 0 0;
	margin:5px 0px;
}
.sitemap ul ul{ padding:0 0 5px 30px;}
.sitemap ul ul li{
	background:none;
	list-style:none;
}


/*------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------*/
/*----   2012/11/27 追加   -----------------------------------------------------*/
/*------------------------------------------------------------------------------*/

.box2_2{width:100%; clear:both; overflow:hidden;}
.box2_2:before, .box2_2:after { content: ""; display: block;}
.box2_2:after { clear: both;}

.box2_2_left{
	width:345px;
	float:left;
}
.box2_2_right{
	width:345px;
	float:right;
}

.box3_2{width:100%; clear:both; overflow:hidden;}
.box3_2:before, .box3_2:after { content: ""; display: block;}
.box3_2:after { clear: both;}

.box3_2_left{
	width:222px;
	float:left;
	margin-right:22px;
}
.box3_2_center{
	width:222px;
	float:left;
}
.box3_2_right{
	width:222px;
	float:right;
}

.subtitle03_2 {
	height:35px;
	background:url(../image/common/subtitle03.gif) no-repeat;
	line-height:35px;
	text-indent:40px;
	font-size:14px;
	font-weight:bold;
	color:#C90;
	margin-bottom:10px;
	overflow:hidden;
}

.subtitle03_3 {
	width:182px;
	height:35px;
	background:url(../image/common/subtitle03.gif) no-repeat;
	line-height:15px;
	padding-left:40px;
	font-size:13px;
	font-weight:bold;
	color:#C90;
	margin-bottom:10px;
	overflow:hidden;
}
ul.uldisk {}
ul.uldisk li {
	list-style-type:disc!important;
	zoom:normal;
	margin-left:15px;
}

ol.oldecimal {}
ol.oldecimal li {
	list-style-type:decimal!important;
	zoom:normal;
	margin-left:15px;
}

table.box-getreader { }
table.box-getreader td {
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	background:#EEE;
}

a.txtLink {
	color:#36c;
	text-decoration:underline;
}
a.txtLink:hover {
	text-decoration:none;
}
a.txtLink:visited {
	color:#36c;
	text-decoration:underline;
}

.imgArea {
	display:table-cell;
	border:solid 1px #CCC;
	text-align:center;
	vertical-align:middle!important;
	height:210px;
	layout-grid-line:200px;
	width:220px;
}

.imgArea img {
	vertical-align:bottom;
}

.qArea {
	background:#FFFFFF;
	border:solid 1px #E6AF00;
	padding:9px;
}

.aArea {
	background:#FFFFFF;
	padding:10px 10px 10px 10px;
}

table.faqBox {}
table.faqBox td { padding-bottom:10px; }
table.faqBox td.faqNo {
	padding-left:5px;
	font-size:120%;
	font-weight:bold;
}
table.faqBox td.faqQ {
	padding-left:10px;
	vertical-align:middle;
}
table.faqBox2 {}
table.faqBox2 td { padding-bottom:10px; }
table.faqBox2 td.faqNo {
	padding-left:5px;
	font-size:120%;
	font-weight:bold;
}
table.faqBox2 td.faqQ {
	padding-left:10px;
	vertical-align:middle;
}
table.faqBox2 td.faqA {
	padding-left:10px;
	padding-top:3px;
	padding-bottom:15px;
	line-height:15px;
	vertical-align:middle;
}






.subtitle04_b {
	background:url(../image/common/subtitle04.gif) no-repeat 0 0;
	font-size:12px;
	color:#C90;
	font-weight:bold;
	padding-left: 20px;
	margin-bottom:0px;
}
.height45 { height:45px; }

/*------------------------------------------------------------------------------*/
/*----   2013/1/31 追加   -----------------------------------------------------*/
/*-------------member-----------------------------------------------------------*/

.business_box{
	position:relative;
	width:942px;
	height:102px;
	margin-left: auto;
    margin-right: auto;
}

.business_btn{
	position:absolute;
	top:22px;
	right:30px;	
}

/*business*/
/*------------------------------------------------------------------------------*/
.business_area{
	width:710px;
	height:480px;
	background:url(../image/business_img01.jpg) no-repeat left top;
	position:relative;
}

.business_area02{
	width:710px;
	height:542px;
	background:url(../image/business_img01_02.jpg) no-repeat left top;
	position:relative;
}

.business_btn01{position:absolute; bottom:100px; left:10px;}
.business_btn02{position:absolute; bottom:140px; left:165px;}
.business_btn03{position:absolute; bottom:145px; left:327px;}
.business_btn04{position:absolute; bottom:100px; right:110px;}
.business_btn05{position:absolute; bottom:250px; right:30px;}

.business_btn01_02{position:absolute; bottom:243px; left:46px;}
.business_btn02_02{position:absolute; bottom:188px; left:230px;}
.business_btn03_02{position:absolute; bottom:263px; left:399px;}
.business_btn04_02{position:absolute; bottom:173px; right:28px;}