@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#footer {width:100%;}
div#header h1{width:auto;}
div#header p.sublink {width:11em;*width:11em;_width:10em;}
h2#title_contents,
div.globalnavi ul#dropdown,
div.globalnavi ul#dropdown_footer{width:540px;}
div#contents,
ul.bannerArea         {width:740px;}
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: #666666;
	line-height:1.7;
	text-align:center;
	vertical-align:top;
}

div#container{
	margin:0 auto;
	padding:0;
}


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

div#header{color:#666666;}

div#footer{text-align:center;}

div#contents{
	min-height:300px;
	_height:300px;
}


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

/* 基本リンクカラー */
a:link   {color:#689168;}
a:visited{color:#689168;}
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;
	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:83.33%;
}

/* 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;
	border:none!important;
}

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

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

div#header{
	min-height:100px;
	*height:100px;
	margin:0;
	padding:5px 0 0;
	background:url(../../images2/bk_globalnavi.jpg) repeat-x center 25px;
}

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

div#header p.sublink{
	float:right;
	height:20px;
	margin-right:15px;
	text-align:left;
	white-space:nowrap;
}

div#header p.sublink a{
	display:block;
	margin-left:5px;
	padding:0 0 0 10px;
	font-size:10px;
	text-align:left;
	background:url(../../images2/arrow.gif) no-repeat left 0.4em;
	*background-position: left 5px;
}


/* 4.globalnavi
----------------------------------------------------------- */
/*※check dropy.css*/

div#header div.globalnavi,
div#footer div.globalnavi{
	clear:both;
	min-height:80px;
	*height:80px;
	margin:0 auto;
	padding:0;
}

div#header div.globalnavi{background:url(../../images2/globalnavi/tree_gnavi.png) no-repeat right top;}
div#footer div.globalnavi{background:url(../../images2/bk_globalnavi.jpg) repeat-x center top;}

div#header div.globalnavi ul#nav,
div#footer div.globalnavi ul#nav_footer{
	clear:both;
	height:80px;
	margin:0 auto;
}





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

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



p.pagetop{
	clear:both;
	text-align:right;
	margin:0 auto;
	padding:50px 0 10px;
	text-align:right;
}

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

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

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


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

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


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

div.boxbanner {}
div.boxbanner p.coution {
	margin-top:5px;
	color:white;
	font-weight:normal;
}
div.boxbanner img{
	border:1px #968c78 solid;
}


/*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{
	margin:0;
	padding:0;
	border:none;
}

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

ul.bannerArea li.title h3{
	clear:both;
	width:700px;
	margin:0 auto 20px;
	padding:3px 10px 3px 30px;
	color:#fffdf0;
	font-size:133.33%;
	font-weight:bold;
	line-height:1.;
	text-align:left;
	background:url(../../images2/bar_stitle.png) no-repeat center top;
}
	

ul.bannerArea li img{
	border:1px #968c78 solid;
}


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

div#list_contents h3.title_topics{
	margin:11px 0 0 0;
	padding:0 0 30px;
	color:#689168;
}

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



/* text decolation */

/*text-color*/
p.text span.blue        {color:#0072b6;font-weight:bold;}
p.text span.green       {color:#006600;font-weight:bold;}
p.text span.red         {color:red;font-weight:bold;}
p.text span.orange      {color:#ff7300;font-weight:bold;}
p.text span.pink        {color:#ffbfe9;font-weight:bold;}


.stitle {
	clear:both;
	display:block;
	width:700px;
	margin:0.5em auto -1em;
	padding:3px 10px 3px 30px;
	color:#fffdf0;
	font-size:133.33%;
	font-weight:bold;
	line-height:1.;
	text-align:left;
	background:url(../../images2/bar_stitle.png) no-repeat center top;
}

div.recruit#contents .stitle{
	color:#0d720d;
	border:1px #cccccc solid;
	background:url(../../images2/bar_stitle_recruit.jpg) no-repeat center top;
}

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


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


p.text a:link   { /*padding:2px;*/background-color:#ffffff;}
p.text a:visited{ /*padding:2px;*/}
p.text a:hover  { /*padding:2px;*/text-decoration:underline;background-color:#ffffff;}



/*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;}