@charset "UTF-8";


/* -----------------------------------------------------------
	Site Name: caname
	Author: Yamazen Communications co.,ltd.
	Since2010
----------------------------------------------------------- */
	
/*Index
	1.structure
	2.common style
	3.header
	4.globalnavi
	5.footer
	6.bannerArea
	7.common style for cms contents
----------------------------------------------------------- */


/* 1.structure
----------------------------------------------------------- */
{}

div#container,
div#header,
div.globalnavi,
div#contents_bk,
div#footer               {width:100%;}
div.globalnavi ul        {width:58em;}
div#contents,
h2#title_contents,
ul.bannerArea            {width:740px;}
div#header div.sublink   {width:25em;}
div.boxbanner,
ul.bannerArea li         {width:170px;}
ul.bannerArea li.title,
ul.bannerArea li.title h3{width:740px;}


 
body {
	margin:0 auto;
	padding:0;
	font-family:'Osaka','MS PGothic','Hiragino Kaku Gothic Pro',Arial,sans-serif;
	font-size: 75%;
	color:white;
	line-height:1.7;
	text-align:center;
	vertical-align:top;
	background:#6e6548;
}

div#container{
	margin:0 auto;
	padding:0;
	background:url(../../images/bk.jpg) fixed repeat-x center top;
	_background-position:center -30px;
}


div#header,
div.globalnavi,
div#contents,
div#footer{
	clear:both;
	margin:0 auto;
	padding:0;
	text-align:left;
}

div#header{color:#666666;}







/* 2.common style
----------------------------------------------------------- */

/* 基本リンクカラー */
a:link   {color:#ffffff;}
a:visited{color:#ffffff;}
a:hover  {color:#ff7d00; text-decoration:underline;}
a:active {color:#ff7d00;}



/*画像リンク用スタイル*/
a:hover img{
    opacity:0.50;
    filter: alpha(opacity=50);
}

/*一覧はこちらテキストリンク*/
.tolist {
	display:inline;
	clear:both;
	marging:3px 0 0;
	padding:0 0 0 8px;
	background:url(../images/arrow.gif) no-repeat left 0.6em;
	*background:url(../images/arrow.gif) no-repeat left 0.3em;
}

/* 注意事項 */
.coution {
	width:auto;
	margin:0;
	padding:0;
	font-size:10px;
}

/* NEW */
.new {
	float:none!important;
	display:inline!important;
	width:4em!important;
	height:1.4em!important;
	max-height:1.4em!important;
	margin:0 0 0 5px;
	padding:0;
	color:#ff7d00;
	font-weight:bold;
	white-space:nowrap;
}

/*右端フロートマージンゼロ対応*/
.gap{
	margin-right:0!important;
	padding-right:0!important;
}

/* 3.header
----------------------------------------------------------- */

div#header{
	min-height:50px;
	_height:50px;
	margin:0;
	padding:5px 0 0;
	background-color:#ffffff;
}

div#header h1{
	display:inline;
	float:left;
	overflow:hidden;
	height:20px;
	font-size:10px;
	padding-left:10px;
}

div#header p.sublink{
	display:inline;
	float:right;
	height:20px;
	margin-right:15px;
	font-size:100%;/*12px*/
	text-align:right;
}

div#header p.sublink a{
	margin-left:10px;
	padding:0 0 0 15px;
	text-align:right;
	background:url(../../images/arrow02.gif) no-repeat left 0.1em;
	_background-position: left 2px;
	color:#666666;
}

div#header p.sublink a:hover{
	color:#ff7d00;
}


/* 4.globalnavi
----------------------------------------------------------- */

div#header div.globalnavi,
div#footer div.globalnavi{
	clear:both;
	height:40px;
	margin:0 auto;
	padding:0;
	zoom:1;
}

div#header div.globalnavi{background:#5f5900 url(../../images/gnavi_bk_header.gif) no-repeat center top;}
div#footer div.globalnavi{background:#5f5900 url(../../images/gnavi_bk_footer.gif) no-repeat center top;}





div.globalnavi ul,
div.globalnavi li,
div.globalnavi li a{
	clear:both;
	height:20px;
	*height:13px;
}

div.globalnavi ul{
	margin:0 auto;
	padding-top:10px;
	*padding-top:12px;
	_padding-top:9px;
	text-align:center;
}

div.globalnavi li{
	display:inline;
	margin:0 auto;
	padding:0 4px 0 9px;
	*padding:0 6px 7px 9px;
	_padding:5px 7px 0 7px;
	text-align:center;
	zoom:1;
	border-left:1px #cfc77e dotted;
}

div.globalnavi li.lastchild{
	padding-right:9px;
	border-right:1px #ffffff dotted;
}

div.globalnavi li a{
	display:inline;
	margin:0 auto;
	padding:0;
	text-align:center;
}






/* 5.footer
----------------------------------------------------------- */

div#footer p.pagetop,
div#footer p.sublink,
div#footer address{width:740px;}

div#footer{
	text-align:center;
}

div#footer p.pagetop{
	margin:0 auto;
	padding:50px 0 10px;
	text-align:right;
}

div#footer p.pagetop a{
	padding-left:10px;
	text-align:center;
}

div#footer p.sublink{
	margin:10px auto;
	text-align:center;
}

div#footer p.sublink a{
	margin:0 5px;
	padding:0 0 0 15px;
	text-align:center;
	background:url(../../images/arrow02.gif) no-repeat left 3px;
}


div#footer p.footerbanner {
	display:inline;
	padding:10px;
	text-align:center;
	zoom:1;
}

div#footer p.footerbanner a {
	padding:0 10px;
}


div#footer address{
	margin:10px auto;
	padding-bottom:25px;
	line-height:1.5;
	text-align:center;
	color:#ffffff;
}


/* 6.bannerArea
----------------------------------------------------------- */
/*boxbanner*/

div.boxbanner {
	margin:0;
	padding:0;
}

div.boxbanner p.coution {
	margin-top:5px;
	padding:0;
	color:white;
	font-weight:normal;
}



/*banner area */

ul.bannerArea{
	clear:both;
	margin: 0 auto;
	padding-top:10px;
}

ul.bannerArea li{
	float:left;
	height:50px;
	margin:0 18px 15px 0;
	_margin:0 9px 15px 0;
}

ul.bannerArea li.title,
ul.bannerArea li.title h3,
ul.bannerArea li.title h3 img{
	height:15px;
	margin:0;
	padding:0;
	border:none;
}

ul.bannerArea li.title{
	margin:0;
	padding:15px 0;
	border-top:2px #968c78 solid;
}

ul.bannerArea li.title h3{
	margin:0;
	padding:0;
}
	


/* 7.common style for cms contents
----------------------------------------------------------- */

div#list_contents h3.title_topics{
	margin:11px 0 0 0;
	padding:15px 0 30px;
	color:#e0dad6;
	border-top:2px #99887a solid;
}

/* text */
div#contents p.text{
	clear:both;
	width:740px;
	margin:0 auto;
	padding:0;
	text-align:left;
	line-height:1.8;
	text-indent:none;
	zoom:1;
	overflow:hidden;
	_overflow:visible;
}




/* text decolation */

/*text-color*/
p.text span.blue        {color:#c2caf1;font-weight:bold;}
p.text span.green       {color:#bbf4bf;font-weight:bold;}
p.text span.red         {color:#ff7c5f;font-weight:bold;}
p.text span.orange      {color:#ff7300;font-weight:bold;}
p.text span.pink        {color:#ffbfe9;font-weight:bold;}

/*products text-color*/
div.products#contents p.text span.blue        {color:#2f7e8e;font-weight:bold;}
div.products#contents p.text span.green       {color:#6b9015;font-weight:bold;}
div.products#contents p.text span.red         {color:#7f0000;font-weight:bold;}
div.products#contents p.text span.orange      {color:#bf7800;font-weight:bold;}
div.products#contents p.text span.pink        {color:#b56b90;font-weight:bold;}


.stitle {
	clear:both;
	display:block;
	width:700px;
	margin:0.5em auto -1em;
	padding:8px 10px 8px 30px;
	color:#ffffff;
	font-size:114.2857%;
	font-weight:bold;
	line-height:1.4;
	text-align:left;
	background:url(../../images/stitle_bk740long.png) no-repeat left top;;
}


p.text span.crosshead {
	display:inline;
	width:auto;
	margin:0.7em 0 -1em;
	padding:0 0 0 8px;
	color:#e0dad6;
	font-size:116.66%;
	font-weight:bold;
	line-height:1.5;
	border-left:5px #b2a79a solid;
}

div.construction#container p.text span.crosshead {color:#766300; border-left:5px #766300 solid;}


p.text strong {
	display:inline;
	margin:0;
	padding:0;
	font-size:114.2857%;
	font-weight:bold;
}




/*hr-line*/

span.line {
	display:block;
	overflow:hidden;
	width:auto;
	height:1%;
	margin:0.8em 0 0;
	padding:0;
	border-bottom:1px #cccccc dotted;
}
span.line hr{
	display:none;
	width:1px;
	height:1px;
}

.new {
	float:none!important;
	display:inline!important;
	width:4em!important;
	height:1.4em!important;
	max-height:1.4em!important;
	margin:0 0 0 5px;
	padding:0;
	color:#ff7d00;
	font-weight:bold;
	white-space:nowrap;
}


table.chart,
table.noborder {
	width:100%;
	margin:5px 0;
	padding:0;
	border-left:1px #cccccc solid;
	border-top:1px #cccccc solid;
}

table.chart th,
table.noborder th{
	margin:0;
	padding:5px 10px;
	color:#3c64be;
	font-size:100%;
	font-weight:bold;
	vertical-align:top;
	white-space:nowrap;
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
	background:#f0f7f9;
}

table.chart td,
table.noborder td{
	margin:0;
	padding:5px 10px;
	font-size:100%;
	vertical-align:top;
	border-right:1px #cccccc solid;
	border-bottom:1px #cccccc solid;
}


table.noborder,
table.noborder th,
table.noborder td {border:none;}