@charset "utf-8";

/******************************************************************************/
/*-- Aboc CSS ----------------------------------------------------------------*/
/******************************************************************************/

/******************************************************************************/
/*-- reset -------------------------------------------------------------------*/
body{
	font-size:12px;
	font-family:"Hiragino Kaku Gothic Pro","Meiryo";
}
body *{
	font-size:100%;
	line-height:100%;
}

body,div,span,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,input,textarea,select,p,address{
	margin:0px;
	padding:0px;
	color:#333333;
	font-weight:normal;
	list-style:none;
}

h1,h2,h3,h4,h5,h6{
	text-align:left;
}

table{
/*	width:100%;*/
	text-align:left;
	border-collapse:collapse;
}
th{
	font-weight:normal;
}
img{ 
	margin-bottom:3px;
	border:0px;
	vertical-align:bottom;
}

input
,textarea
,select{
	vertical-align:middle;}
textarea{
	overflow-y:scroll;
}

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


/******************************************************************************/
/*-- set ---------------------------------------------------------------------*/
html{
	overflow-y:scroll;
}
body{
	background:#003013;
}
body * *{
	text-align:center;
	line-height:1.5em;
	letter-spacing:0.2px;
}
body * * *{
	text-align:left;
}

a:link,a:link *{
	color:#3399CC;
	text-decoration:none;}
a:visited,a:visited *{
	color:#9933CC;
	text-decoration:none;}
a:hover,a:hover *
,a:active,a:active *{
	color:#FF9900 !important;
	text-decoration:underline !important;
}

hr{
	margin:20px 0px;
	border-bottom:1px solid #cccccc;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}

input{
	margin:0px 6px 0px 0px;
}
input.form_ss,textarea.form_ss
,input.form_s,textarea.form_s
,input.form_m,textarea.form_m
,input.form_l,textarea.form_l{
	border:1px solid #cccccc;}
input.form_ss,textarea.form_ss{width:30px !important;}
input.form_s,textarea.form_s{width:100px;}
input.form_m,textarea.form_m{width:200px;}
input.form_l,textarea.form_l{width:350px;
}

/* labelタグを指定幅で整列させる */
.input_line label{
	display:inline-block;
	width:40%;
}


/******************************************************************************/
/*-- headline ----------------------------------------------------------------*/
h2,h3,h4{
	clear:both;
	font-weight:bold;
	background:url(../images/headline.gif) no-repeat;}
h5{border-color:#003013;}
div.label h2,div.label h3,div.label h4{background:url(../images/headline_label.gif) no-repeat;}
div.label h5{border-color:#398E2B;}
div.sign h2,div.sign h3,div.sign h4{background:url(../images/headline_sign.gif) no-repeat;}
div.sign h5{border-color:#3B4D90;}
div.publishing h2,div.publishing h3,div.publishing h4{background:url(../images/headline_publishing.gif) no-repeat;}
div.publishing h5{border-color:#9B518D;}
div.yugu h2,div.yugu h3,div.yugu h4{background:url(../images/headline_yugu.gif) no-repeat;}
div.yugu h5{border-color:#DC6215;}
div.utst h2,div.utst h3,div.utst h4{background:url(../images/headline_utst.gif) no-repeat;}
div.utst h5{border-color:#238098;}
h2{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 15px;
	height:40px;
	line-height:40px;
	font-size:20px;
}
h3,h3 a{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	height:32px;
	line-height:33px;
	font-size:12px;
	color:#ffffff !important;
	background-position:0px -50px !important;
}
h4,h4 a{
	margin:0px 0px 6px 0px;
	padding:0px 0px 0px 5px;
	height:26px;
	line-height:26px;
	font-size:12px;
	background-position:0px -90px !important;
}
h5{
	margin:0px 0px 4px 0px;
	padding:0px 0px 0px 5px;
	border-bottom:1px solid #ff0000;
}


/******************************************************************************/
/*-- option ------------------------------------------------------------------*/
.spacer,.clear{
	clear:both;
	width:0px;
	height:0px;
	line-height:0px;
	font-size:0px;
}
/* clearfix */
.clearfix:after{
	display:block;
	visibility:hidden;
	content:".";
	clear:both;
	height:0;}
.clearfix{
	min-height:1px;}
* html .clearfix{
	height:1px;
/* for mac ie5 */
/*\*//*/
	height:auto;
	overflow:hidden;
/* */
}

/* clearfix_ex(macie5除外) */
/*\*/
.clearfix_ex:after{
	display:block;
	visibility:hidden;
	content:".";
	clear:both;
	height:0;}
.clearfix_ex{
	min-height:1px;}
* html .clearfix_ex{
	height:1px;
}
/* */

/* clearboth */
.clearboth{
	clear:both !important;
}

/* 表示調整用 */
.float_left{
	float:left;
	margin-right:20px;
}
.float_right{
	float:right;
	margin-left:20px;
}
ul.float_left li{
	float:left;
	margin-right:16px;}
ul.float_left * li{
	float:none;
}
.float_left img
,.float_right img{
	margin-bottom:6px;
}

.text_left{
	text-align:left;}
.text_right{
	text-align:right;}
.text_center{
	text-align:center;
}
.valign_top,.valign_top *{
	vertical-align:top;
}
.valign_bottom *{
	vertical-align:bottom;
}

/* imgに枠をつける */
img.img_border,.img_border * img{
	border:1px solid #cccccc;
}

.fit{
	width:100%;
}


/******************************************************************************/
/*-- div ---------------------------------------------------------------------*/
/* box */
div.box{
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;}
div.box ul.link,div.box div ul.link
,div.box ul.item,div.box div ul.item
,div.box ul.plain,div.box div ul.plain
,div.box ul.publishing,div.box div ul.publishing
,div.box ol.number,div.box div ol.number
,div.box dl.link,div.box div dl.link
,div.box dl.item,div.box div dl.item
,div.box dl.step,div.box div dl.step
,div.box p,div.box div p
,div.box div.plantname{
	margin:0px 0px 10px 10px;}
div.box * ul.link
,div.box * ul.item
,div.box * ul.plain
,div.box * ul.publishing
,div.box * ol.number
,div.box * dl.link
,div.box * dl.item
,div.box * dl.step
,div.box * p{
	margin:0px 0px 0px 0px;
}
div.box table.horizontal
,div.box table.vertical
,div.box table.tandem
,div.box table.member{
	margin:0px 0px 10px 0px;
}

div.box p.indent{
	text-indent:12px;
}

div.align_right,div.align_right p{
	text-align:right;
}


/* ページ移動ナビゲーター */
div.navi{
	padding:4px 4px;
	border-width:1px 0px;
	border-style:solid;
	border-color:#297539;}
div.label div.navi{border-color:#398E2B;}
div.sign div.navi{border-color:#3B4D90;}
div.publishing div.navi{border-color:#9B518D;}
div.yugu div.navi{border-color:#DB6114;}
div.utst div.navi{border-color:#238098;
}
div.navi div.left{
	float:left;
	width:30%;
	text-align:left;
}
div.navi div.center{
	float:left;
	width:40%;
	text-align:center;
}
div.navi div.right{
	width:30%;
	float:right;
	text-align:right;
}


/* plantname */
div.plantname div{
	float:left;
	margin:0px 6px 0px 0px;
}
div.plantname p{
	margin-left:0px !important;
	padding-left:0px !important;
}

/* seec_qa */
div.seec_qa span.text{
	width:93%;
	display:inline-block;
	vertical-align:top;
}

/* 出版 ユリノキという木ページ専用 */
div.pub_0015{
	position:relative;
	padding:10px 10px 10px 0px;
	background:#000000;
}
div.pub_0015 img.photo_1{
	position:absolute;
	right:10px;
	top:1820px;
	}
div.pub_0015 img.photo_2{
	position:absolute;
	right:10px;
	top:520px;
}

/* contents_rightに4分割でテキスト付き画像を配置 */
div.box p.div4_it{
	margin-bottom:10px;
	float:left;
	margin-left:6px;
	font-size:88%;
}
div.box p.div4_it img{
	margin-bottom:4px;
}

/* home_benner */
div.home_banner p{
	display:block;
	margin:0px 0px 10px 0px;
	padding:0px;
}
div.home_banner a.right_margin img{
	margin-right:6px !important;
}
div.home_banner img{
	float:left;
	margin:0px 0px 6px 0px;
}
div.home_banner a:hover img{
	opacity:0.85;
	filter:alpha(style=0,opacity=85);
/*	background-position:0px -99px;*/
}

div.home_banner h4{
	margin:0px 0px 4px 0px;
	height:16px;
	font-weight:normal;
	line-height:16px;
	background:none;
	border-left:4px solid #003013;
}




/******************************************************************************/
/*-- table -------------------------------------------------------------------*/
/* 基本設定 */
table th,table td{
	text-align:auto;
	padding:10px 15px;}
table th{
	color:#28763D;
	white-space:nowrap;}
div.label table th{
	color:#398E2B;}
div.sign table th{
	color:#3B4D90;}
div.publishing table th{
	color:#9B518D;}
div.yugu table th{
	color:#DB6114;}
div.yugu table th{
	color:#238098;
}
table th.align_right,table td.align_right{
	text-align:right;
}
table.slim th,table.slim td{
	padding:10px 8px;
}
table.nowrap td{
	white-space:nowrap;
}

/* horizontal */
table.horizontal th{
	text-align:center;
	border-bottom:1px solid #003010;}
table.horizontal td{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
/* vertical */
table.vertical th{
	padding-left:4px;
	padding-right:20px;
	text-align:left;
	vertical-align:top;
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;}
table.vertical td{
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
/* tandem */
table.tandem th{
	padding-left:4px;
	text-align:left;
	vertical-align:top;
	border-top:1px solid #cccccc;}
table.tandem td{
	padding-top:0px;
	border-bottom:1px solid #cccccc;
}



/* サイン事例集用 */
table.case_list{
	width:100%;
}

table.case_list td{
	width:25%;
	padding:7px;
	vertical-align:top;}
table.case_list td td{
	width:auto;
}
table.case_list p{
	margin:0px 0px 8px 0px;
	text-align:center;
}
table.case_list table{
	width:100%;}
table.case_list table th{
	width:40%;}
table.case_list table th
,table.case_list table td{
	padding:3px 3px 3px 4px;
}



/* 会員専用サイトテーブル */

table.member{
}

table.member th,table.member td{
	padding:4px 6px;
	border:1px solid #ded6ac;
}

table.member th{
	text-align:center;
	color:#7E4C00;
	background:#F7F4E7;
}



/******************************************************************************/
/*-- ボタン風クラス ----------------------------------------------------------*/
.btn_60,.btn_100,.btn_150
,.btn_frail_60,.btn_frail_100,.btn_frail_150{
	display:inline-block;
	height:25px;
	text-align:center;
	line-height:25px;
	color:#333333 !important;
	border:none;
}
.btn_60:hover,.btn_100:hover,.btn_150:hover
,btn_60:active,.btn_100:active,.btn_150:active
,.btn_frail_60:hover,.btn_frail_100:hover,.btn_frail_150:hover
,btn_frail_60:active,.btn_frail_100:active,.btn_frail_150:active{
	color:#333333 !important;
	text-decoration:none !important;
	background-position:0px -25px;
}
.btn_60{
	width:60px;
	background:url(../images/btn_mem_60.gif) no-repeat;}
.btn_100{
	width:100px;
	background:url(../images/btn_mem_100.gif) no-repeat;}
.btn_150{
	width:150px;
	background:url(../images/btn_mem_150.gif) no-repeat;
}
.btn_frail_60{
	width:60px;
	background:url(../images/btn_mem_frail_60.gif) no-repeat;}
.btn_frail_100{
	width:100px;
	background:url(../images/btn_mem_frail_100.gif) no-repeat;}
.btn_frail_150{
	width:150px;
	background:url(../images/btn_mem_frail_150.gif) no-repeat;
}