@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;
}
/* ブックマーク カテゴリアイコン付き見出し */
h3.cat_icon_b{
	height:42px !important;
	line-height:43px;
	background-position:0px -45px !important;}
h3.cat_icon_b img{
	margin-right:6px;
	vertical-align:middle;
}
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-style:solid;
	border-width:0px 0px 1px 0px;
}


/******************************************************************************/
/*-- option ------------------------------------------------------------------*/
.spacer,.clear{
	clear:both;
	width:0px;
	height:0px;
	line-height:0px;
	font-size:0px;
}
.clearboth{
	clear:both;
}
/* 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;
}


/* pタグを横に並べる */
div.float_left_p p{
	float:left;
	display:inline;
}


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

.fit{
	width:100%;
}

.no_margin,.no_margin *{
	margin:0px !important;
}


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


/* ラベルイントロ */
.index_intro{
	line-height:220%;
	padding:0px 0px 10px 0px;
}


/* 遊具安全利用表示シール サンプル */
div.seal_sample{
	float:left;
	margin-bottom:10px;
}
div.seal_sample p{
	margin-bottom:2px !important;
}
div.seal_sample div{
	float:left;
	margin-left:6px;
	font-size:86%;
	text-align:center;
}
div.seal_sample div.yoko{
	margin-right:20px;
	text-align:left;
}


/* 子divを左右に並べる（rightはabsolute） */
div.lrdiv_parent{
	position:relative;
}
div.lrdiv_left{
	float:left;
}
div.lrdiv_right{
	position:absolute;
	text-align:right;
	right:0px;
	top:0px;}
div.lrdiv_right div{
	float:right;
}


/* ラベル製品詳細注文方法選択 */
div.btn_case{
	width:250px;
	margin-top:10px;
	padding:10px;
	border:3px double #ffdc7e;
	text-align:center;
}
div.btn_case input{
	margin:0px;
}
div.btn_case input.btn_div3{
	margin-top:4px;
}
div.btn_case label{
	margin:0px 4px;
}

/* インフォメーションボックス（サインページ下部共通など） */
div.info_box{
	margin-top:70px;
	padding:12px 0px 2px;
	border:3px double #ff0000;
	background:#18532b;}
/* ベースカラーの10% */
div.label div.info_box{border-color:#398e09;background:#ebf3e6;}
div.sign div.info_box{border-color:#3b4d90;background:#ebedf4;}
div.publishing div.info_box{border-color:#9b518d;background:#f5edf3;}
div.yugu div.info_box{border-color:#db6214;background:#fbefe7;}
div.utst div.info_box{border-color:#238098;background:#e9f2f4;
}


/* 太い線のボックス */
div.boldline_box{
	padding:10px 10px 0px 10px;
	border:6px solid #5d866a;
	background:#f3f6f4;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;}
/* ベースカラーの70%（ボーダー）,5%（中） */
div.label div.boldline_box{border-color:#74b052;background:#f5f9f2;}
div.sign div.boldline_box{border-color:#7582b1;background:#f5f6f9;}
div.publishing div.boldline_box{border-color:#b985af;background:#faf6f9;}
div.yugu div.boldline_box{border-color:#e58d57;background:#fdf7f3;}
div.utst div.boldline_box{border-color:#65a6b7;background:#f4f9fa;
}


/* リンク集関連コンテンツ紹介ボックスなど */
div.contents_box{
	padding:6px 10px 10px;
	border:1px solid #cccccc;
}
div.contents_box hr{
	margin:10px 0px;
}
div.contents_box p.title{
	padding:0px 0px 10px;
	text-align:center;
}
div.contents_box p.contents_text{
	margin-bottom:2px;
	text-align:left;}
div.contents_box p.contents_img{
	text-align:center;}
div.contents_box p.contents_img img{
	margin:0px;
}


/******************************************************************************/
/*-- 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.utst 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;
}
/*simple*/
table.simple th
,table.simple td{
	padding:3px;
	border:1px solid #cccccc;
}
table.simple th{
	border-bottom:1px solid #999999;
}



/* サイン事例集用 */
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.label_pri_layout{
	width:100%;
}
table.label_pri_layout th{
	vertical-align:top;
}
table.label_pri_layout td{
	width:25%;
	border:1px solid #cccccc;
	border-width:1px 0px;
	vertical-align:top;
}

/* サイン製品情報上部画像 */
table.sign_pro_layout td{
	padding:0px;
	vertical-align:bottom;
}
table.sign_pro_layout td.left img{
	margin:0px 20px 10px 0px;
}
table.sign_pro_layout td.right img{
	margin:0px 6px 20px 0px;
}


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

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


table.layout
,table.layout tr
,table.layout th
,table.layout td{
	margin:0px;
	padding:0px;
	border:none;
}



/******************************************************************************/
/*-- ボタン風クラス ----------------------------------------------------------*/
.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;
}




/******************************************************************************/
/*-- 画像バナー --------------------------------------------------------------*/
a.banner img{
	margin:0px;
}
a.banner:hover img{
	opacity:0.85;
	filter:alpha(style=0,opacity=85);
/*	background-position:0px -99px;*/
}


/******************************************************************************/
/*-- イメージボタン ----------------------------------------------------------*/
input.btn_div3{
	font-family:"Hiragino Kaku Gothic Pro","Meiryo";
	margin:0px;
	width:216px;
	height:40px;
	text-indent:23px;
	border:none;
	font-size:14px;
	color:#d28b16;
	background:url(../images/btn_div3_plane.gif) no-repeat;
	cursor:pointer;
}