﻿@charset "utf-8";

/* *********************************************************
 *
 * beedream web site
 *
 * *********************************************************
 */

/*--------------------------------------------------------------------
cssの初期化
--------------------------------------------------------------------*/
* {
	font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
}

html, body {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
	height:100%;
	font-size: 86%; /* モダンブラウザ向け */
	*font-size: 82%; /* IE 7向け */
	*font: 84%; /* IE 6以下 */
}

html>/**/body {
    font-size: 86%; /* モダンブラウザ向け */
}

h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 1em;
}

table, caption, th, td {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-weight: inherit;
	font-size: 100%;
}

table caption {
	display:none;
}

/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/
/*bodyのスタイル*/

body {
	line-height:1.3;
	color:#000;
	background:#E6E6E6;
}

div:after {
	content:" ";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

div#all {
	width:900px;
	margin:0 auto;
	padding:0;
	background:url(../images/common/bg_bee.gif) top right no-repeat #FFFFFF;
}

body .sheet { background-image:none!important; background-color:#FFF; }


/*********************************************************************
containerのスタイル
*********************************************************************/
div#container {
	width:900px;
	margin:0 auto;
	padding:0 0 10px;
	min-height:100%;
	height:auto!important;
	height:100%;
	background:url(../images/common/bg_all.gif) top center repeat-y;
}

.sheet div#container { background:none; }

/*********************************************************************
logoのスタイル
*********************************************************************/
p#logo { width:160px; float:left; }

/*ヒアリングシート用*/
.sheet p#logo { width:900px; float:none; background-color:#7FC31C; }
/*********************************************************************
headのスタイル
*********************************************************************/
div#head {
	float:left;
	width:725px;
	margin-left:15px;
	padding:0 0 0;
	background:url(../images/bg_index.gif) bottom left no-repeat;
}

/*ヒアリングシート用*/
.sheet div#head {
	float:left;
	width:725px;
	margin-left:15px;
	padding:0 0 0;
	background:none;
}

.sec div#head { background:none; }

div#head h1 { width:100%; font-size:0.9em; color:#7FC31C; padding:2px 0 2px 0; }

/*---ヘッダーサブメニュー---*/
div#head div#submenu { float:right; text-align:right; margin:0 0 0 0; }

div#head div#submenu ul { list-style:none; line-height:1; }

div#head div#submenu ul li { margin-bottom:3px;}


/*********************************************************************
leftBoxのスタイル
*********************************************************************/
div#leftBox { width:160px; float:left; text-align:left; }

/*div#leftBox ul { list-style:none; margin:0; padding:0; }

div#leftBox ul li { margin:0; padding:0; }

div#leftBox ul li ul li { margin:0 0 3px; padding:0; }

div#leftBox ul li img { vertical-align:top; }*/

div#leftBox ul { list-style:none; margin:4px 0 0 20px; padding:0; }

div#leftBox ul li { margin:0; padding:0; }

div#leftBox ul li a,
div#leftBox ul li a:link,
div#leftBox ul li a:visited { width:130px; padding:5px; display:block; color:#FFFFFF; font-weight:bold; background-color:#7FC31C; text-decoration:none; }

div#leftBox ul li a:focus,
div#leftBox ul li a:hover,
div#leftBox ul li a:active { color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }


div#container div.home ul li#navi00 a,
div#container div.home ul li#navi00 a:link,
div#container div.home ul li#navi00 a:visited { width:130px; padding:5px; display:block; color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

div#container div.home li#navi00 a:focus,
div#container div.home li#navi00 a:hover,
div#container div.home li#navi00 a:active { color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul li ul { margin:0; padding:0; }
div#leftBox ul li ul li { margin:0; padding:0; }

div#leftBox ul li ul li a,
div#leftBox ul li ul li a:link,
div#leftBox ul li ul li a:visited { width:115px; padding:5px 5px 5px 20px; display:block; color:#FFFFFF; font-weight:bold; background-color:#7FC31C; text-decoration:none; }

div#leftBox ul li ul li a:focus,
div#leftBox ul li ul li a:hover,
div#leftBox ul li ul li a:active { color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

/*事業内容メニュー設定*********************************/
/*事業内容トップ*/
div#leftBox ul.gnavi03 li#navi03 a,
div#leftBox ul.gnavi03 li#navi03 a:link,
div#leftBox ul.gnavi03 li#navi03 a:visited { width:130px; padding:5px; display:block; color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi03 li#navi03 a:focus,
div#leftBox ul.gnavi03 li#navi03 a:hover,
div#leftBox ul.gnavi03 li#navi03 a:active { color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi03 li#navi03 ul li a,
div#leftBox ul.gnavi03 li#navi03 ul li a:link,
div#leftBox ul.gnavi03 li#navi03 ul li a:visited { width:115px; padding:5px 5px 5px 20px; display:block; color:#FFFFFF; font-weight:bold; background-color:#7FC31C; text-decoration:none; }

div#leftBox ul.gnavi03 li#navi03 ul li a:focus,
div#leftBox ul.gnavi03 li#navi03 ul li a:hover,
div#leftBox ul.gnavi03 li#navi03 ul li a:active { color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }


/*イベント*/
div#leftBox ul.gnavi03 li#navi03 ul.navi03-1 li#navi03-1 a,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-1 li#navi03-1 a:link,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-1 li#navi03-1 a:visited { width:115px; padding:5px 5px 5px 20px; display:block; color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi03 li#navi03 ul.navi03-1 li#navi03-1 a:focus,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-1 li#navi03-1 a:hover,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-1 li#navi03-1 a:active { color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

/*WEB制作*/
div#leftBox ul.gnavi03 li#navi03 ul.navi03-2 li#navi03-2 a,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-2 li#navi03-2 a:link,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-2 li#navi03-2 a:visited { width:115px; padding:5px 5px 5px 20px; display:block; color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi03 li#navi03 ul.navi03-2 li#navi03-2 a:focus,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-2 li#navi03-2 a:hover,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-2 li#navi03-2 a:active { color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

/*印刷*/
div#leftBox ul.gnavi03 li#navi03 ul.navi03-3 li#navi03-3 a,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-3 li#navi03-3 a:link,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-3 li#navi03-3 a:visited { width:115px; padding:5px 5px 5px 20px; display:block; color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi03 li#navi03 ul.navi03-3 li#navi03-3 a:focus,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-3 li#navi03-3 a:hover,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-3 li#navi03-3 a:active { color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

/*媒体*/
div#leftBox ul.gnavi03 li#navi03 ul.navi03-4 li#navi03-4 a,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-4 li#navi03-4 a:link,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-4 li#navi03-4 a:visited { width:115px; padding:5px 5px 5px 20px; display:block; color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi03 li#navi03 ul.navi03-4 li#navi03-4 a:focus,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-4 li#navi03-4 a:hover,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-4 li#navi03-4 a:active { color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

/*SP*/
div#leftBox ul.gnavi03 li#navi03 ul.navi03-5 li#navi03-5 a,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-5 li#navi03-5 a:link,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-5 li#navi03-5 a:visited { width:115px; padding:5px 5px 5px 20px; display:block; color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi03 li#navi03 ul.navi03-5 li#navi03-5 a:focus,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-5 li#navi03-5 a:hover,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-5 li#navi03-5 a:active { color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

/*ノベルティ*/
div#leftBox ul.gnavi03 li#navi03 ul.navi03-6 li#navi03-6 a,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-6 li#navi03-6 a:link,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-6 li#navi03-6 a:visited { width:115px; padding:5px 5px 5px 20px; display:block; color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi03 li#navi03 ul.navi03-6 li#navi03-6 a:focus,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-6 li#navi03-6 a:hover,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-6 li#navi03-6 a:active { color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

/*その他*/
div#leftBox ul.gnavi03 li#navi03 ul.navi03-7 li#navi03-7 a,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-7 li#navi03-7 a:link,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-7 li#navi03-7 a:visited { width:115px; padding:5px 5px 5px 20px; display:block; color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi03 li#navi03 ul.navi03-7 li#navi03-7 a:focus,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-7 li#navi03-7 a:hover,
div#leftBox ul.gnavi03 li#navi03 ul.navi03-7 li#navi03-7 a:active { color:#7FC31C; font-weight:bold; background-color:#FFFFFF; text-decoration:none; }



/*はじめに*/
div#leftBox ul.gnavi01 li#navi01 a,
div#leftBox ul.gnavi01 li#navi01 a:link,
div#leftBox ul.gnavi01 li#navi01 a:visited { color:#7FC31C; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi01 li#navi01 a:focus,
div#leftBox ul.gnavi01 li#navi01 a:hover,
div#leftBox ul.gnavi01 li#navi01 a:active { color:#7FC31C; background-color:#FFFFFF; text-decoration:none; }

/*沿革*/
div#leftBox ul.gnavi02 li#navi02 a,
div#leftBox ul.gnavi02 li#navi02 a:link,
div#leftBox ul.gnavi02 li#navi02 a:visited { color:#7FC31C; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi02 li#navi02 a:focus,
div#leftBox ul.gnavi02 li#navi02 a:hover,
div#leftBox ul.gnavi02 li#navi02 a:active { color:#7FC31C; background-color:#FFFFFF; text-decoration:none; }





/*アクセスマップ*/
div#leftBox ul.gnavi06 li#navi06 a,
div#leftBox ul.gnavi06 li#navi06 a:link,
div#leftBox ul.gnavi06 li#navi06 a:visited { color:#7FC31C; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi06 li#navi06 a:focus,
div#leftBox ul.gnavi06 li#navi06 a:hover,
div#leftBox ul.gnavi06 li#navi06 a:active { color:#7FC31C; background-color:#FFFFFF; text-decoration:none; }


/*お問合せ*/
div#leftBox ul.gnavi08 li#navi08 a,
div#leftBox ul.gnavi08 li#navi08 a:link,
div#leftBox ul.gnavi08 li#navi08 a:visited { color:#7FC31C; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi08 li#navi08 a:focus,
div#leftBox ul.gnavi08 li#navi08 a:hover,
div#leftBox ul.gnavi08 li#navi08 a:active { color:#7FC31C; background-color:#FFFFFF; text-decoration:none; }


/*サイトマップ*/
div#leftBox ul.gnavi09 li#navi09 a,
div#leftBox ul.gnavi09 li#navi09 a:link,
div#leftBox ul.gnavi09 li#navi09 a:visited { color:#7FC31C; background-color:#FFFFFF; text-decoration:none; }

div#leftBox ul.gnavi09 li#navi09 a:focus,
div#leftBox ul.gnavi09 li#navi09 a:hover,
div#leftBox ul.gnavi09 li#navi09 a:active { color:#7FC31C; background-color:#FFFFFF; text-decoration:none; }

/*ヒアリングシート用*/
.sheet div#leftBox ul { visibility:hidden; }

/*お問合せリスト******************************************************/
div#leftBox div.inqList {
	text-align:right;
	margin:20px 0 0;
}

/*ヒアリングシート用*/
.sheet div#leftBox div.inqList { display:none; }

/*********************************************************************
contentsのスタイル
*********************************************************************/
div#contents { /*padding-top:20px;*/padding-top:20px; }

/*ヒアリングシート用*/
table.hearing { width:870px; }

table.hearing th,table.hearing td { padding:5px; }

table.hearing th { background-color:#CCCCCC; text-align:left; }

table.hearing th h2 { font-weight:bold!important; }

table.hearing th p { margin:0; padding:0; }

table.hearing td { background-color:#FFFFFF; padding-bottom:50px; }

table.hearing .subtitle { font-weight:bold; color:#000; }

/*********************************************************************
centerBoxのスタイル
*********************************************************************/
/*見出し画像の為のパディングなど設定なしbox*/
div.centerBoxSec { width:740px; float:left; }

/*各見出し画像*/
div.centerBoxSec h2 { margin-bottom:15px; }

div.centerBox { width:725px; padding-left:15px; float:left; }

.sheet div.centerBox { width:725px; padding-left:15px; float:none; }

div.centerBox h3 { margin-bottom:5px; }

div.centerBox p { line-height:1.4; padding-right:15px; padding-bottom:10px; }

/*トップページ各コンテンツBOX****************************************************/
div.contentBox { margin-bottom:20px; padding-left:37px; clear:both; }

div.centerBox .no01 { background:url(../images/no01.gif) top left no-repeat; }
div.centerBox .no02 { background:url(../images/no02.gif) top left no-repeat; }
div.centerBox .no03 { background:url(../images/no03.gif) top left no-repeat; }
div.centerBox .no04 { background:url(../images/no04.gif) top left no-repeat; }
div.centerBox .no05 { background:url(../images/no05.gif) top left no-repeat; }
div.centerBox .no06 { background:url(../images/no06.gif) top left no-repeat; }
div.centerBox .no07 { background:url(../images/no07.gif) top left no-repeat; }
div.centerBox .no08 { background:url(../images/no08.gif) top left no-repeat; }
div.centerBox .no09 { background:url(../images/no09.gif) top left no-repeat; }



div.contentBoxInner { border-left:4px solid #F57900; padding:0 0 0 15px; }

div.contentBoxInner h2 { margin-bottom:10px; }

/*新着*/
div.contentBox dl { width:600px; }

div.contentBox dl dt {
	float:left;
	clear:both;
	width:100px;
	margin-bottom:5px;
	font-weight:bold;
	font-size:0.9em;
}

div.contentBox dl dd {
	float:left;
	width:500px;
	margin-bottom:5px;
}

/*********************************************************************
事業内容のスタイル
*********************************************************************/
div.contentBox div.showCaseBox { width:600px; }
div.contentBox div.showCase { float:left; width:100px; margin:0 10px 10px 0; }

div.contentBox div.showCase h3 { margin:0 0 3px 0; }

div.contentBox div.showCase p.thumbnail img { border:2px solid #7FC31C; }

div.contentBox div.showCaseS { float:left; width:80px; margin:0 10px 10px 0; }

div.contentBox div.showCaseS h3 { margin:0 0 3px 0; }
div.contentBox div.showCaseS p.thumbnail img { border:2px solid #7FC31C; }
/*事業内容トップ*/
div.resultBox { float:left; width:340px; border:4px solid #7FC31C; margin-bottom:10px; }

div.resultBox h3 { padding:5px 5px 3px 5px; }

div.resultBox p { padding:0 5px 5px 5px; }

div.resultBox a { display:block; width:340px; background-color:#FFFFFF; }

div.resultBox a:hover { display:block; width:340px; background-color:#E4FEBE; }

div.resultBoxS { float:left; width:240px; border:4px solid #7FC31C; margin-bottom:10px; }

div.resultBoxS h3 { padding:5px 5px 3px 5px; }

div.resultBoxS p { padding:0 5px 5px 5px; }

div.resultBoxS a { display:block; width:240px; background-color:#FFFFFF; }

div.resultBoxS a:hover { display:block; width:240px; background-color:#E4FEBE; }

.result_info_ttl {
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 5px;
	padding:0 0 0 3px;
	border-left:4px solid #F57900;
}

/*イベント*************************************************************/
/*過去事例*/
div.kakoShow { margin-bottom:10px; margin-right:15px; border:4px solid #7FC31C; padding:10px;}

div.kakoShow h4 { font-size:1.2em; font-weight:bold; border-bottom:1px dotted #F57900; margin-bottom:10px; padding:0 15px 5px 0; }

div.kakoShow h4 span { color:#F57900; padding-right:3px; }

div.kakoShow p.ph { float:left; width:200px; margin:0 0 10px; padding:0; }

div.kakoShow div.txt { float:left; width:480px; padding:0; }

div.kakoShow div.txt p { padding-right:0; }

div.kakoShow img { border:3px solid #C4C4C4; }

.flow01 {
	font-size:1.3em;
	font-weight:bold;
	color:#7FC31C;
	background:url(../images/common/ttl_flow01.gif) top left no-repeat;
	padding:10px 0 10px 50px;
}

.flow02 {
	font-size:1.3em;
	font-weight:bold;
	color:#7FC31C;
	background:url(../images/common/ttl_flow02.gif) top left no-repeat;
	padding:10px 0 10px 50px;
}

.flow03 {
	font-size:1.3em;
	font-weight:bold;
	color:#7FC31C;
	background:url(../images/common/ttl_flow03.gif) top left no-repeat;
	padding:10px 0 10px 50px;
}

.flow04 {
	font-size:1.3em;
	font-weight:bold;
	color:#7FC31C;
	background:url(../images/common/ttl_flow04.gif) top left no-repeat;
	padding:10px 0 10px 50px;
}

.flow05 {
	font-size:1.3em;
	font-weight:bold;
	color:#7FC31C;
	background:url(../images/common/ttl_flow05.gif) top left no-repeat;
	padding:10px 0 10px 50px;
}

.flow06 {
	font-size:1.3em;
	font-weight:bold;
	color:#7FC31C;
	background:url(../images/common/ttl_flow06.gif) top left no-repeat;
	padding:10px 0 10px 50px;
}

.flow07 {
	font-size:1.3em;
	font-weight:bold;
	color:#7FC31C;
	background:url(../images/common/ttl_flow07.gif) top left no-repeat;
	padding:10px 0 10px 50px;
}

div.flow p {
	padding:0 15px 40px 50px;
	background:url(../images/common/flow_arw.gif) bottom center no-repeat;
}

div.flow p.flowLast { background:none; padding:0 15px 30px 50px; }

/*WEB制作*************************************************************/
/*実績紹介スペック*/
div.kakoShow dl { }

div.kakoShow dl dt { float:left; clear:both; font-weight:bold; border-left:4px solid #F57900; width:80px; margin-bottom:3px; padding:3px; }

div.kakoShow dl dd { float:left; margin-bottom:3px; padding:3px; width:380px; }


.other_ph {
	clear:both;
	margin:0 0 10px;
}

.other_ph_s {
	float:left;
}

.other_ph h5,
.other_ph_s h5{
	font-weight:bold;
	color:#F57900;
}

/*********************************************************************
沿革のスタイル
*********************************************************************/
div.outline { margin-right:15px; }

div.outline dl { background-color:#FFFFFF; }

div.outline dt { width:100px; float:left; clear:both; padding:10px 5px; border-top:4px solid #F57900; }

div.outline dd { border-top:2px solid #E1E1E1; padding:12px 5px 10px; } 



/*********************************************************************
アクセスのスタイル
*********************************************************************/
div.gmap { width:600px; background-color:#FFFFFF; border:3px solid #E1E1E1; margin:10px auto 30px; }

div.access { }

div.access dl { margin-right:15px; }

div.access dt { width:60px; float:left; clear:both; font-weight:bold; padding:2px 5px; border-left:4px solid #F57900; }

div.access dd { padding:2px 5px; } 



h3.train { font-weight:bold; font-size:1.2em; padding:2px 0 2px 23px; background:url(../access/images/ico_train.gif) top left no-repeat; }

h3.car { font-weight:bold; font-size:1.2em; padding:2px 0 2px 23px; background:url(../access/images/ico_car.gif) top left no-repeat; }

div.access dl.root { margin-bottom:15px; }

div.access dl.root dt { width:100px; float:left; clear:both; font-weight:bold; padding:10px 5px; border-top:4px solid #F57900; border-left:none; } 

div.access dl.root dd { border-top:2px solid #E1E1E1; padding:12px 5px 10px; } 

div.access dl.car dt { width:100%; float:none; }
/*********************************************************************
お問合せのスタイル
*********************************************************************/
dl.inqBox { border:2px solid #7FC31C; margin-bottom:20px; padding:10px; }



/********************************************************************
お問合せバナーのスタイル
*********************************************************************/
div.bnInq { background:#E1E1E1; margin:0 15px 20px 0; padding:10px; text-align:center; }

div.bnInq p { margin:0; padding:0; }

/********************************************************************
subContentNaviのスタイル
*********************************************************************/
/*コンテンツ内サブナビゲーション*/
ul.subContentNavi { list-style:none; float:right; margin:0; padding:0; }

ul.subContentNavi li { list-style:none; border:3px solid #7FC31C; border-top:none;}

ul.subContentNavi li a { border-top:3px solid #F57900; text-align:center; text-decoration:none; font-weight:bold; width:120px; padding:5px 3px; display:block; color:#FFFFFF; background-color:#7FC31C; }

ul.subContentNavi li a:hover { text-align:center; text-decoration:underline; font-weight:bold; color:#551A8B; background-color:#FFFFFF; }


/********************************************************************
pagebackのスタイル
*********************************************************************/
div.pageback {
	margin:15px 0 0 0;
	padding:5px 0;
	border-top:1px solid #0E1B62;
	text-align:right;
}

ul.back li {
	list-style:none;
} 
/********************************************************************
pagetopのスタイル
*********************************************************************/
div.ptop {
	padding:15px 0 0 0;
}

div.ptop p {
	text-align:right;
}
/********************************************************************
footerのスタイル
*********************************************************************/
div#footer {
	width:900px;
	margin:0 auto;
	text-align:right;
	background:url(../images/common/bg_all.gif) top center repeat-y #FFF;

}

div#footer_inner {
	width:100%;
	margin:0 auto;
	text-align:right;
	/*background:url(../images/common/bg_footer01.jpg) top center repeat-x;*/
}

div#footer ul { margin:20px 15px 0 0;}

div#footer ul li { display:inline; padding:0;}	

div#footer_inner p {  padding:8px 15px 10px 0; font-size:10px; text-align:right; line-height:1; color:#000000; }



	


/*共通クラス*/

a{
	outline:none;
	color:#63A208;
	text-decoration:underline;
}
	
a:hover{
	color:#551A8B;
	text-decoration:underline;
}

/*外部リンクアイコン表示*********************************************/
/*モダンブラウザ*/
a[target="_blank"]:after {
	content:url(../images/common/ico_a_blank.gif);
	vertical-align:middle;
	margin:0 2px;
}

/*IE6*/
*html a.targetLink {
	padding-right:15px;
	background:url(../images/common/ico_a_blank.gif) center right no-repeat;
}
/*IE7*/
*:first-child+html a[target="_blank"] {
	padding-right:15px;
	background:url(../images/common/ico_a_blank.gif) center right no-repeat;
}



.minHeight600 { min-height:600px; }

*html .minHeight600 { height:600px; }

/*リストアイコン表示用**********************************************/
ul.list { margin:0 15px 15px 20px; list-style:none; }

ul.list li { background:url(../images/common/ico_list.gif) top left no-repeat; margin:0 0 4px 0; padding:0 0 0 12px; }

/*リンクアイコン表示用**********************************************/
ul.detailLink {  list-style:none; }

ul.detailLink li { display:inline; background:url(../images/common/ico_link.gif) top left no-repeat; margin:0 0 4px 0; padding:0 0 0 8px; }


/**/
p.javaErr { width:400px; border:2px solid #FF0000; margin:20px auto; padding:20px; background-color:#FFFFFF; }


/*メールフォーム設定***********************************************/
form#mailform {
	margin: 0px auto 0px auto;
	padding: 0px;
}
div#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#mailfrom_hidden_object input {
	margin: 10px;
}
div#mfp_closed {
	display: none;
}
div.mfp_disp {
	display: none;
}
div#input_time_disp {
	padding: 10px;
}
div#expires_time_disp {
	padding: 10px;
	text-align: center;
}
div#expires_time_disp strong {
	font-size: 18px;
	color: #CC0000;
}
div#limit_disp {
	padding: 10px;
	text-align: center;
}
div#limit_disp strong {
	font-size: 24px;
	color: #CC0000;
}
img.must {
	width: 30px;
	height: 16px;
	float: left;
	margin: 0px 0px 0px 5px;
}
div.mfp_err {
	text-align: left;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 5px 17px;
	color: #FF0000;
	font-size: 12px;
	line-height: normal;
	display: none;
	background-image: url(../images/mfp_error.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}
/*//////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////*/
/*// 02.テーブルの指定                            //*/
/*//////////////////////////////////////////////////*/
table.mailform {
	width: 90%;
	padding: 10px;
	background:#FFFFFF;
}
table.mailform tr th {
	padding: 7px 0px 7px 0px;
	border-bottom: solid 1px #CCCCCC;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
	width: 160px;
	vertical-align:top;
}
table.mailform tr th span {
	font-size: 10px;
	color: #999999;
	display: block;
}
table.mailform tr td {
	padding: 7px 0px 7px 10px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 12px;
}
table.mailform tr td ul li,table.mailform tr td ul,table.mailform tr td ol,table.mailform tr td ol li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
/*//////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////*/
/*// 03.以下エレメント毎の指定                    //*/
/*//////////////////////////////////////////////////*/
input#mfp_el01,input#mfp_el02 {
	width: 240px;
	ime-mode: disabled;
}
input#mfp_el03,input#mfp_el04 {
	width: 200px;
	ime-mode: active;
}
input#mfp_el05 {
	width: 100px;
	ime-mode: disabled;
}
input#mfp_el06 {
	width: 60px;
	ime-mode: disabled;
}
input#mfp_el08,input#mfp_el09 {
	width: 300px;
	ime-mode: active;
}
textarea#mfp_el10 {
	width: 98%;
	height: 70px;
	ime-mode: active;
}
/*//////////////////////////////////////////////////*/


/*//////////////////////////////////////////////////*/
/*// 04.以下確認画面関連のスタイル                //*/
/*//////////////////////////////////////////////////*/
ul.confirm_layer {
	width: 560px;
	padding: 0px;
	margin: 0px;
}
ul.confirm_layer li {
	width: 560px;
	list-style: none;
	float: left;
	overflow: hidden;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
li.confirm_middle {
	background-image: url(../inq/images/mfp_table_background.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../inq/images/mfp_table_background.png', sizingMethod='scale');

}
li.confirm_top {
	height: 33px;
	background-image: url(../inq/images/mfp_table_top.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../inq/images/mfp_table_top.png', sizingMethod='scale');
}
li.confirm_bottom {
	height: 33px;
	background-image: url(../inq/images/mfp_table_bottom.png);
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../inq/images/mfp_table_bottom.png', sizingMethod='scale');
}
div#disabled_submit {
	width: 1px;
	height: 1px;
	overflow: hidden;
}
div#disabled_submit input {
	margin: 10px;
}
table.infield {
	width: 500px;
	margin: 0px auto 0px auto;
}
table.infield tr th {
	padding: 5px;
	margin: 0px;
	text-align: right;
	font-size: 14px;
	border-bottom: solid 1px #CCCCCC;
	color: #232323;
}
table.infield tr td {
	padding: 5px;
	border-bottom: solid 1px #CCCCCC;

}
table.infield tr td p {
	text-align: left;
	font-size: 12px;
	line-height: 1.5em;
	border-left: solid 2px #CCCCCC;
	padding: 5px 0px 5px 10px;
	margin: 0px;
}
.mfp_color {
	background-color: #E8EEF9;
}
div#confirmWindow {
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
	width: 100%;
	height: 100%;
	margin: 0px;
	overflow: hidden;
	z-index: 1;
	position: fixed!important;
	position/**/:  absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	background-color: #000000;
	font-size: 12px;
	text-align: center;
	_top: expression(
		document.documentElement && document.documentElement.scrollTop  || 
		document.body && body.scrollTop  || 0
		+ 0 + 'px'
	);
}
div#confirmBody {
	width: 1px;
	visibility: hidden;
	position: absolute;
	z-index: 10;
	text-align: center;
	margin: 0px auto 0px auto;
}
div#confirmBody h2 {
	color: #FFFFFF;
	margin: 0px auto 0px auto;
	width: 294px;
	height: 33px;
	padding-top: 10px;
}
div.buttons {
	margin: 0px auto 0px auto;
}

div#twex {
	margin: 0px;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}
img#loading_proccess_image {
	position: absolute;
	z-index: 1000;
}


/*//////////////////////////////////////////////////*/

/********************************************************************
サイトマップ
*********************************************************************/
div.smap ul { list-style:none; line-height:1.4; }

div.smap ul li { background:url(../images/common/ico_arw_l.gif) left top no-repeat; margin-bottom:10px; padding:3px 0 2px 15px;}

div.smap ul li ul li ul li{ background:url(../images/common/ico_arw_s.gif) left top no-repeat; margin-bottom:5px; padding:3px 0 2px 15px;}

/********************************************************************
共通見出しタイプ
*********************************************************************/




/* clearfix
---------------------------------------
*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
  }

.clearfix {
  display: inline-table;
  min-height: 1%;
  }
		
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}

/*フォントサイズ*/
div#all .txt10{font-size:10px !important;}

div#all .txtb{ font-weight:bold !important;}

div#all .txts{ font-size:0.9em !important;}

div#all .txt_red{ color:#CC0000; }

div#all .txtb_red{ font-weight:bold !important; color:#CC0000; }

div#all .txttop{ vertical-align:top !important;}


	
/*共通マージンタイプ
---------------------------------------------------------------------
*/

div#container .mgb0{margin-bottom:0 !important;}
div#container .mgb5{margin-bottom:5px !important;}
div#container .mgb10{margin-bottom:10px !important;}
div#container .mgb15{margin-bottom:15px !important;}
div#container .mgb20{margin-bottom:20px !important;}
div#container .mgb30{margin-bottom:30px !important;}

div#container .mgt0{margin-top:0 !important;}
div#container .mgt5{margin-top:5px !important;}
div#container .mgt10{margin-top:10px !important;}
div#container .mgt15{margin-top:15px !important;}
div#container .mgt20{margin-top:20px !important;}
div#container .mgt30{margin-top:30px !important;}

div#container .mgl0{margin-left:0 !important;}
div#container .mgl5{margin-left:5px !important;}
div#container .mgl10{margin-left:10px !important;}
div#container .mgl15{margin-left:15px !important;}
div#container .mgl20{margin-left:20px !important;}
div#container .mgl30{margin-left:30px !important;}

div#container .mgr0{margin-right:0 !important;}
div#container .mgr5{margin-right:5px !important;}
div#container .mgr10{margin-right:10px !important;}
div#container .mgr15{margin-right:15px !important;}
div#container .mgr20{margin-right:20px !important;}
div#container .mgr30{margin-right:30px !important;}

div#container .mgn0{margin:0 !important;}

div#container .pdt0{padding-top:0 !important;}
div#container .pdt5{padding-top:5px !important;}
div#container .pdt10{padding-top:10px !important;}
div#container .pdt15{padding-top:15px !important;}
div#container .pdt20{padding-top:20px !important;}
div#container .pdt30{padding-top:30px !important;}

div#container .pdb0{padding-bottom:0 !important;}
div#container .pdb5{padding-bottom:5px !important;}
div#container .pdb10{padding-bottom:10px !important;}
div#container .pdb15{padding-bottom:15px !important;}
div#container .pdb20{padding-bottom:20px !important;}
div#container .pdb30{padding-bottom:30px !important;}

div#container .pdl0{padding-left:0 !important;}
div#container .pdl5{padding-left:5px !important;}
div#container .pdl10{padding-left:10px !important;}
div#container .pdl15{padding-left:15px !important;}
div#container .pdl20{padding-left:20px !important;}
div#container .pdl30{padding-left:30px !important;}


div#container .pdr0{padding-right:0 !important;}
div#container .pdr5{padding-right:5px !important;}
div#container .pdr10{padding-right:10px !important;}
div#container .pdr15{padding-right:15px !important;}
div#container .pdr20{padding-right:20px !important;}
div#container .pdr30{padding-right:30px !important;}

div#container .pad0{padding:0 !important;}


/*共通フロート、クリアタイプ
---------------------------------------------------------------------
*/

div#container .clearBoth{clear:both;}
div#container .floatLeft{float:left;}
div#container .floatRight{float:right;}
div#container .alignLeft{text-align:left;}
div#container .alignRight{text-align:right;}
div#container .alignCenter{text-align:center;}



