/* 
* Copyright Prionde.Co
* Auther T.saitou
* date 2009.05.29
*/

@charset "utf-8";

* {
	margin:0px;
	padding:0px;
}

body{
	width:165ml;
	max-width:100%;
	min-width:80%;
}

#wrap {
	width:auto;
	margin: 0px auto auto auto;
	padding:0px;
	background:url(../img/r_background.jpg) repeat-y;
}

#wrap #wrap_left_side{
	display:none;
}

#wrap #wrap_right_side{
	display:none;
}

#wrap #center{
	width:auto;
	background-color: #ffffff;
	float:left;
}

#wrap #center #header{
	width:auto;
	height:85px;
	background: #ffffff url(../img/header_background.jpg) no-repeat;
	float:left;
}

#wrap #center #main_content{
	width:auto;
	float:left;
}

#wrap #center #header .sizeArea{
	width:950px;
	height:37px;
}

html>body #wrap #center #header .sizeArea{
	width:950px;
	height:37px;
}


#header .sizeArea ul{
	width:500px;
	height:27px;
	margin:0px;
	background:url(../img/btn_size.gif) no-repeat right top;
	float:right;
}

/* IE6でfontBoxが右側に寄らない対処 */
*html #header .sizeArea ul{
	width:400px;
	height:27px;
	margin:0px;
	background:url(../img/btn_size.gif) no-repeat right top;
	float:right;
}

#header .sizeArea ul li{
	background:url(../img/font_bns.gif) no-repeat;
	float:right;
	margin:3px 2px 0 0;
	_margin:3px 0px 0 0;
}

#header .sizeArea ul li.sizem{
	background:url(../img/font_bnm.gif) no-repeat;
	margin:3px 4px 0 0;
	_margin:3px 3px 0 0;
}

#header .sizeArea ul li.sizel{
	background:url(../img/font_bnl.gif) no-repeat;
	margin:3px 5px 0 0;
	_margin:3px 3px 0 0;
}

#header .sizeArea ul li.english{
	background:url(../img/font_bnl.gif) no-repeat;
	margin:0px 82px 0 0;
	_margin:0px 75px 0 0;
}

#header .sizeArea ul li.mail{
	background:url(../img/font_bnl.gif) no-repeat;
	margin:-27px 225px 0 0;
	_margin:-27px 113px 0 0;
}

#header .sizeArea ul li.sizes a{
	display:block;
	width:19px;
	height:19px;
}

#header .sizeArea ul li.sizem a{
	display:block;
	width:19px;
	height:19px;
}

#header .sizeArea ul li.sizel a{
	display:block;
	width:19px;
	height:19px;
}

#header .sizeArea ul li.english a{
	display:block;
	width:71px;
	height:27px;
}

#header .sizeArea ul li.mail a{
	display:block;
	width:128px;
	/* IE6対応用 */
	_width:127px;
	height:27px;
}

#header .sizeArea ul li.sizes a:hover{
	background:url(../img/font_bns_o.gif) no-repeat;
}
#header .sizeArea ul li.sizem a:hover{
	background:url(../img/font_bnm_o.gif) no-repeat;
}
#header .sizeArea ul li.sizel a:hover{
	background:url(../img/font_bnl_o.gif) no-repeat;
}

#header .sizeArea ul li.english a:hover{
	background:url(../img/english_on.gif) no-repeat;
}

#header .sizeArea ul li.mail a:hover{
	background:url(../img/mail_on.gif) no-repeat;
}

#header .sizeArea  ul li a span{
	display:none;
}

#wrap #center #ritti_image {
	width:950px;
	/* IE7対策用 */
	/height:150px;
	margin:0px;
	padding:0px;
}

/* IE6対策用 */
*html #wrap #center #ritti_image {
	width:950px;
	_height:130px;
	border-style:none;
}


#wrap #center #pankuzu {
	width:950px;
	height:50px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	background:url(../img/pankuzu_back_image.jpg) no-repeat top;
}

#wrap #center #pankuzu_text {
	margin:0px 0px 0px 0px;
	padding:4px 32px 0px 32px;
	color:#d7cbb1;
	text-align:left;
}

#wrap #center #header #global_navi ul {
	width:950px;
	display:list-item;
	margin:0px 0px 0px 0px;
	padding:0px;
	text-align:left;
}

#wrap #center #header #global_navi ul li{
	display:list-item;
	margin:0px;
	text-align:left;
	float:left;
}

#wrap #center #header #global_navi ul li.mn01 a{
	display:list-item;
	list-style-image: url("../img/top_menu.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn02 a{
	display:block;
	width:151px;
	height:40px;
	padding:0px 0px 0px 0px;
	background: url("../img/ritti_menu_on.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn03 a{
	display:block;
	width:153px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../img/gendou_menu.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn04 a{
	display:block;
	width:152px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../img/kankyou_menu.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn05 a{
	display:block;
	width:151px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../img/zinsai_menu.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn06 a{
	display:block;
	width:118px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../img/tomatohtoha_menu.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn07 a{
	display:block;
	width:113px;
	height:40px;
	padding:0px;
	text-align:left;
	background: url("../img/bunzyou_menu.jpg") no-repeat left top;
}


#wrap #center #header #global_navi ul li.mn01 a:hover{
	background: url("../img/top_menu_on.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn02 a:hover{
	background: url("../img/ritti_menu_on.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn03 a:hover{
	background: url("../img/gendou_menu_on.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn04 a:hover{
	background: url("../img/kankyou_menu_on.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn05 a:hover{
	background: url("../img/zinsai_menu_on.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn06 a:hover{
	background: url("../img/tomatohtoha_menu_on.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn07 a:hover{
	background: url("../img/bunzyou_menu_on.jpg") no-repeat left top;
}

#wrap #center #header #global_navi ul li.mn01 a span,
#wrap #center #header #global_navi ul li.mn02 a span,
#wrap #center #header #global_navi ul li.mn03 a span,
#wrap #center #header #global_navi ul li.mn04 a span,
#wrap #center #header #global_navi ul li.mn05 a span,
#wrap #center #header #global_navi ul li.mn06 a span,
#wrap #center #header #global_navi ul li.mn07 a span{
	display:none;
}

#wrap #center #navi {
	width:194px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	background: #fff url("../img/navi_btm.gif") no-repeat left bottom;
}

html>body #wrap #center #navi {
	width:194px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	background: #fff url("../img/navi_btm.gif") no-repeat left bottom;
}


#wrap #center #navi ul li#mn01 a{
	text-indent:-9999px;
	margin:0;
	padding:0;
	height:49px;
	display:block;
	background: url("../img/leftsidemenu1_on.jpg") no-repeat left top;
}

#wrap #center #navi ul li#mn02 a{
	text-indent:-9999px;
	margin:0;
	padding:0;
	height:49px;
	display:block;
	background: url("../img/leftsidemenu2.jpg") no-repeat left top;
}

#wrap #center #navi ul li#mn03 a{
	text-indent:-9999px;
	margin:0;
	padding:0;
	height:49px;
	display:block;
	background: url("../img/leftsidemenu3.jpg") no-repeat left top;
}

#wrap #center #navi ul li#mn04 a{
	text-indent:-9999px;
	margin:0;
	padding:0;
	height:49px;
	display:block;
	background: url("../img/leftsidemenu4.jpg") no-repeat left top;
}

#wrap #center #navi ul li#mn05 a{
	text-indent:-9999px;
	margin:0;
	padding:0;
	height:49px;
	display:block;
	background: url("../img/leftsidemenu5.jpg") no-repeat left top;
}

#wrap #center #navi ul li#mn01 a:hover {
	background: url("../img/leftsidemenu1_on.jpg") no-repeat left top;
}

#wrap #center #navi ul li#mn02 a:hover {
	background: url("../img/leftsidemenu2_on.jpg") no-repeat left top;
}

#wrap #center #navi ul li#mn03 a:hover {
	background: url("../img/leftsidemenu3_on.jpg") no-repeat left top;
}

#wrap #center #navi ul li#mn04 a:hover {
	background: url("../img/leftsidemenu4_on.jpg") no-repeat left top;
}

#wrap #center #navi ul li#mn05 a:hover {
	background: url("../img/leftsidemenu5_on.jpg") no-repeat left top;
}

#wrap #center #main {
	margin:0px 10px 0px 0px;
	/* IE6 Hack */
	_margin:0px 0px 0px 0px;
	padding:0px;
	width:721px;
	text-align: center;
	float:right;
}

#wrap #center #main .center_contents{
	margin:0px 0px 10px 0px;
	padding:0px;
	width:721px;
	text-align: center;
	float:right;
}

/*[[ ここからフッター ]]*/
#wrap #center #footer {
	padding:50px 0 0 0;
	width: 950px;
	height: 50px;
	text-align:center;
	clear:both;
}


/*[[ --: eachmodule ]]*/
/* font-size legacy style */
.copy{font-size:77%;line-height:1.2;}
.f10{font-size:77%;line-height:1.5;}
.f11{font-size:85%;line-height:1.37;}
.f12{font-size:93%;line-height:1.25;}
.f13{font-size:100%;line-height:1.16;}
.f14{font-size:108%;line-height:1.43;}
.f15{font-size:116%;line-height:1.34;}
.f16{font-size:123.1%;line-height:1.25;}
.f17{font-size:131%;line-height:1.18;}
.f18{font-size:138.5%;line-height:1.39;}

/* clearfix */

#wrap,
#wrap #navi,
#wrap #navi ul,
#wrap #contents,
#wrap #contents .sizeArea ul,
#wrap #contents #main dl#news,
#wrap #footer,
#wrap #footer ul,
.clearfix
{ zoom:1; }

#wrap:after,
#wrap #navi:after,
#wrap #navi ul:after,
#wrap #contents:after,
#wrap #contents .sizeArea ul:after,
#wrap #contents #main dl#news:after,
#wrap #footer:after,
#wrap #footer ul:after,
.clearfix:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0clera;
	line-height: 0;
}

* html #wrap,
* html #wrap #navi,
* html #wrap #navi ul,
* html #wrap #contents,
* html #wrap #contents .sizeArea ul,
* html #wrap #contents #main dl#news,
* html #wrap #footer,
* html #wrap #footer ul,
* html .clearfix
{
	display:inline-table;
	/*\*/display:block;/**/
}
/* /--: eachmodule */

/*[[ p1: print style ]]*/
@media print {
	/*global*/
	pre {
		white-space: pre-wrap;
		white-space: -moz-pre-wrap;
		white-space: -o-pre-wrap;
		white-space: -pre-wrap;
		word-wrap: break-word;
	}
}
/* /p1 */