@charset "shift_jis";

/* ======================================================================
印刷用CSS
-------------------------------------------------------------------------
[目次]
■ リンクカラー
■ レイアウトベース
■ ヘッダー
■ フッター
■ グローバルメニュー

--top--

■ トップレイアウト

--sub--

■ ナビ共通

■ サブページ
■ パンくず
■ ページタイトル、見出し（h2）
■ ページの先頭に戻る
■ 会社概要
====================================================================== */

@media print {

/* ---------------------------------------------------------
▼▼ 印刷しない ▼▼
--------------------------------------------------------- */

/* bnr部　btn部
------------------------------------ */
#google_area {display:none;}
#bnr_area {display:none;}
#bnr_s_area{display:none;}	
#bnr_inside_area{display:none;}
#btn_area{display:none;}

/* fontsize部
------------------------------------ */
#fontsize {display:none;}
p.page-top{display:none;}

/* ヘッダー部
------------------------------------ */
div#container div#header .header_bt_en{display:none;}
div#container div#header #header_bt a img {display:none;}

/* フッタメニュー
------------------------------------ */
div#footer ul,
div#footer ul li{display:none;}

p.tx_right{display:none;}


/* ---------------------------------------------------------
▼▼ 印刷する ▼▼
--------------------------------------------------------- */

/* ---------------------------------------------------------
■ リンクカラー
--------------------------------------------------------- */

a:link    { color: #000000; text-decoration: none }
a:visited { color: #000000; text-decoration: none  }
a:hover   { color: #438fdd; text-decoration: underline; }
a:active  { color: #000000; text-decoration: none  }


/* ---------------------------------------------------------
■ レイアウトベース
--------------------------------------------------------- */
body {
	width: 640px;
	margin: 0;
	padding: 0;
	text-align: center; /* 中央レイアウト */ 
	font: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	background:url(../img/bg_main.jpg) repeat-x;
}

div#container {
	width: 640px;
	margin: 0 auto; /* 中央レイアウト */
	text-align: left; /* テキスト左寄せ */
}

img.mv{
	width:auto;
	height:96px;
}

/* ---------------------------------------------------------
■ ヘッダー
--------------------------------------------------------- */
div#header {
	width: 640px;
	margin: 0;
	height: auto;
	float: left;
	background: url(../img/bg_logo.jpg) no-repeat 220px 49px;
}

div#container div#header div#seo {
	width: 420px;
	height: auto;
	float: left;
	font-size: 12px;
	font-weight:bold;
	margin-top: 5px;
}

div#container div#header h1 img{
	float: left;
	width: 248px;
	height:auto;
}


div#container div#header #header_bt {
	float: right;
	width: 144px;
	height:auto;
}

div#container div#header #header_bt img {
	width: auto;
	height: 25px;
	float:left;
}

/* ---------------------------------------------------------
■ フッター
--------------------------------------------------------- */
div#footer {
	width:624px;
	/*height:105px;*/
	padding: 5px 8px 5px 8px;
	/*margin-left:-10px;*/
	background: none;
	border-bottom:#999999 1px solid;
	border-top:#999999 1px solid;
}

/* コピーライト
------------------------------------ */
div#container div#footer p {
	padding-right: 0px;
	float: right;
	color:#666666;
}

/* ---------------------------------------------------------
■ グローバルメニュー
--------------------------------------------------------- */
div#navi {
	width: 640px;
	clear:both;
}
div#navi ul{
}
div#navi ul li{
	float:left;/*メニュー横並び*/
}
div#navi ul li img{
    width: auto;
	height: 24px;
}


/* ---------------------------------------------------------
■ トップレイアウト
--------------------------------------------------------- */

div#top_content {
	width: 640px;
	background:none;
	/*background: #FFFFFF url(../img/bg_mv.jpg) no-repeat;*/
	padding:0 10px;
	overflow:hidden;
}
div#top_content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#service_area {
	width: 614px;
	border:#cccccc 1px solid;
	background:#e8e8e8;
	padding:0 5px 5px 5px;
	overflow:hidden;
}
div#service_area:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#service_area_s {
	width: 452px;
	float:left;
	margin-right:10px;
	padding:0px;
	overflow:hidden;
}
div#service_area_s:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/* ---------------------------------------------------------
■ ナビ共通
--------------------------------------------------------- */
#nv_area{
	width:164px;
	margin-right:8px;
	float:left;
}

/* 左メニュー共通
---------------------------------- */
#nv_area ul{
	width:164px;
	margin: 0;
	border:#CCCCCC 1px solid;

}

/* 左メニュー共通
---------------------------------- */
div#nv_area ul li {
	line-height: 1.5;
	margin: 1px;
}
div#nv_area ul li a {
	display: block;
	width: 140px; /* IE5-6用指定 */
	height: auto;
	}
	div#wrapper>div#nv_area ul li a {
	width: auto; /* IE7,FireFox用指定 */
}
/* ---------------------------------------------------------
■ 第一階層
--------------------------------------------------------- */
div#nv_area ul li.first {
	background-color: #ededed;
	color: #800080;
	background:none;
	/*background:url(../img/nv_01.jpg) repeat-y;*/
	font-weight:bold;
}

/* 通常時 */
div#nv_area ul li.first a:link,
div#nv_area ul li.first a:visited {
	padding: 4px 5px 4px 22px;
	background:none;
	/*background: url(../img/nv_ic.gif) no-repeat 7px 7px; /* リンク背景色、アイコン */
	text-decoration: none;
	color: #1467d3;
}

/* マウスオーバー時 */
div#nv_area ul li.first a:hover,
div#nv_area ul li.first a:active {
	background:none;
	/*background: #b2d3ff url(../img/nv_ic_on.gif) no-repeat 7px 7px; /* マウスオーバーのリンク背景色、アイコン */
	text-decoration: none;
	color: #000;
}

/* リンクがない時 */
div#nv_area ul li.first span {
	color: #1467d3;
	display: block;
	padding: 4px 5px 4px 22px;
	background:none;
	/*background: url(../img/nv_ic.gif) no-repeat 7px 7px; /* リンク背景色、アイコン */
	width: 173px; /* IE5-6用指定 */
	}
	div#wrapper>div#nv_area ul li a span {
		width: auto; /* IE7,FireFox用指定 */
}

/* ---------------------------------------------------------
■ 第二階層
--------------------------------------------------------- */
div#nv_area ul li.second,
div#nv_area ul li.second_on{
	border-top: 1px solid #cccccc;
	border-left:#1467d3 5px solid;
}

/* 通常時 */
div#nv_area ul li.second a:link,
div#nv_area ul li.second a:visited {
	padding: 4px 5px 4px 15px;
	background: #ffffff; /* リンク背景色 */
}

/* マウスオーバー時 */
div#nv_area ul li.second a:hover,
div#nv_area ul li.second a:active {
	background:none;
	/*background: url(../img/nv_s_01_on.jpg) repeat-y; /* マウスオーバーのリンク背景色 */
	color:#FFFFFF;
	text-decoration:none;
	width: 176px; /* IE5-6用指定 */
}

/* リンクがない時 */
div#nv_area ul li.second span {
	display: block;
	padding: 4px 5px 4px 15px;
	background: #ffffff; /* リンク背景色、アイコン */
	width: 174px; /* IE5-6用指定 */
	}
	div#wrapper>div#nv_area ul li.second span {
		width: auto; /* IE7,FireFox用指定 */
}



/* リンクがあり、現在のページの時
------------------------------------------- */
div#nv_area ul li.second_on a:link,
div#nv_area ul li.second_on a:visited {
	display: block;
	padding: 4px 5px 4px 15px;
	color:#FFFFFF;
	background:none;
	/*background:url(../img/nv_s_01_on.jpg) repeat-y ; /* リンク背景色 */
	width: 176px; /* IE5-6用指定 */
	}
	div#wrapper>div#nv_area ul li.second_on {
		width: auto; /* IE7,FireFox用指定 */
}

/* リンクがあり、現在のページの時  マウスオーバー時 */
div#nv_area ul li.second_on a:hover,
div#nv_area ul li.second_on a:active {
	background:none;
	/*background:url(../img/nv_s_01_on.jpg) repeat-y; /* マウスオーバーのリンク背景色 */
	text-decoration:none;
}

div#nv_area img {
	width:164px;
	height:auto;
}

/* ---------------------------------------------------------
■ サブページ
--------------------------------------------------------- */
div#container div#wrapper {
	width:640px;
	background:#ffffff;
	overflow:hidden;/* firefox対策 */
	padding:0 10px;
}
div#wrapper:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
div#content{
	background:#FFFFFF;
	width:455px;
	float:left;
	text-align:left;
}
div#content_long{
	background:#FFFFFF;
	width:620px;
	float:left;
	text-align:left;
}
div#content p {
	margin: 0;
	padding: 0;
}
/* ---------------------------------------------------------
■ パンくず
--------------------------------------------------------- */
div#pankuzu{
	background:none;
	/*background:#FFFFFF url(../img/fr_content_m.jpg) repeat-x;*/
	width:640px;
}
div#pankuzu p{
	padding:5px 0 5px 20px;
}

/* ---------------------------------------------------------
■ ページタイトル、見出し（h2）
--------------------------------------------------------- */

/* h2 ：a
------------------------------- */
div#content h2.tit_a{
	width:410px;
	font-weight:bold;
	background:none;
	/*ackground:url(../img/bg_h2_a.jpg) no-repeat;*/
	padding:4px 10px 0 30px;
	height:26px;
	margin:0 0 10px 0;
	color:#1C6EDA;
	border:#1C6EDA 1px solid;
}
/* h2 ：b
------------------------------- */
div#content h2.tit_b{
	width:410px;
	font-weight:bold;
	background:none;
	/*background:url(../img/bg_h2_b.jpg) no-repeat;*/
	color:#1C6EDA;
	padding:5px 10px 0 30px;
	height:25px;
	margin:0 0 10px 0;
	border:#1C6EDA 1px solid;
}

/* h2 ：c
------------------------------- */
div#content h2.tit_c{
	width:410px;
	font-weight:bold;
	background:none;
	/*background:url(../img/bg_h2_c.jpg) no-repeat;*/
	color:#1C6EDA;
	padding:7px 10px 0 30px;
	height:23px;
	margin:0 0 10px 0;
	border:#1C6EDA 1px solid;
}

/* h2 ：long_a
------------------------------- */
div#content_long h2.tit_a{
	width:580px;
	font-weight:bold;
	background:none;
	/*ackground: url(../img/bg_h2_a_long.jpg) no-repeat;*/
	padding:4px 10px 0 30px;
	height:26px;
	margin:0 0 10px 0;
	border:#1C6EDA 1px solid;
	color:#1C6EDA;
}
/* h2 ：long_b
------------------------------- */
div#content_long h2.tit_b{
	width:580px;
	font-weight:bold;
	background:none;
	/*background:url(../img/bg_h2_b_long.jpg) no-repeat;*/
	color:#1C6EDA;
	padding:5px 10px 0 30px;
	height:25px;
	margin:0 0 10px 0;
	border:#1C6EDA 1px solid;
}

/* h2 ：long_c
------------------------------- */
div#content_long h2.tit_c{
	width:580px;
	margin:0px;
	font-weight:bold;
	background:none;
	/*background:url(../img/bg_h2_c_long.jpg) no-repeat;*/
	color:#1C6EDA;
	padding:7px 10px 0 30px;
	height:23px;
	margin:0 0 10px 0;
	border:#1C6EDA 1px solid;
}



/* ---------------------------------------------------------
■ ページの先頭に戻る
--------------------------------------------------------- */
div#content p.page-top {
	display:none;
}

/* サービス
------------------------------------------ */

div#container #top_content #service_area .service {
	width:200px;
	margin-right:4px;
	background:none;
	/*background:url(../img/fr_service_bg.gif) repeat-y;*/
	float:left;
}

#top_content #service_area .service img,
#top_content #service_area .service_r img{
	width:auto;
	height:34px;
}

div#container #top_content #service_area .service_r {
	width:195px;
	background:none;
	/*background:url(../img/service_bg_r.gif) repeat-y;*/
	float:left;
}
#top_content #service_area .service img.s_img,
#top_content #service_area .service_r img.s_img{
	width:auto;
	height:39px;
}

#top_content #service_area .service ul{
	width:160px;
	padding:0px;
	/*margin-left:-25px;*/
}
#top_content #service_area .service_r ul{
	width:140px;
	padding:0px;
	/*margin-left:-25px;*/
}
#top_content #service_area .service ul img,
#top_content #service_area .service_r ul img{
	width:auto;
	height:15px;
}


/* What new、ドキュメント部より一言　共通
------------------------------------------ */

div#container #top_content #service_area_s div.news {
	width: 440px;
	border:#cccccc 1px solid;
	background:#F5F6F1;
	padding:0px 4px 5px 4px;
	overflow:hidden;
	margin-top:10px;
}
div#container #top_content #service_area_s div.news img{
	width:auto;
	height:31px;
}

div#container #top_content #service_area_s div.news .service {
	width:430px;
	height:auto;
}

div#container #top_content #service_area_s div.news .service .iframe {
	width:430px;
	height:auto;
	overflow:hidden;
}


/* バナー（右:トップページ）
------------------------------------------ */
div#container #top_content #bnr_area_right {
	width:152px;
	margin:10px 0 0 10px;
	float: left;
}

div#container #top_content #bnr_area_right:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#container #top_content #bnr_area_right img {
	margin-bottom:10px;
	width:152px;
	height:auto;
}

/*div#container #top_content #bnr_area_right img.img_bottom {
	margin:0;
}*/
/* ---------------------------------------------------------
■ サイトマップ
--------------------------------------------------------- */

/* サイトマップ左
------------------------------- */

div#sitemap_left {
	width:290px;
	padding:0 ;
	margin:10px 20px 0 10px;
	float:left;
}

/* サイトマップ右
------------------------------- */

div#sitemap_right {
	width:290px;
	padding:0 ;
	margin-top:10px;
	float:left;
}

div#sitemap_left li,
div#sitemap_right li{
	width:105px;
	float:left;
	margin:5px 10px 0px 0px;
	background:url(../img/ic_02.gif) no-repeat;
	padding-left:20px;
	line-height:1.6;
}

/* サイトマップその他
------------------------------- */

div.sitemap_et {
	width:600px;
	padding:10px 10px 0px 10px;
}
div.sitemap_et_b {
	width:600px;
	padding:10px;
}

div.sitemap_tit {
	border:1px solid #ffd448;
	padding:5px;
}

/*サイトマップタイトル部分リンク
------------------------------- */

div.sitemap_tit a:link,
div.sitemap_tit a:visited,
div.sitemap_tit a:active {
	font-weight:bold;
	color:#ff6600;
	/*text-decoration:underline;*/
}

div.sitemap_tit a:hover{
	font-weight:bold;
	color:#ff6600;
	/*text-decoration:none;*/
}
/* ---------------------------------------------------------
■ お知らせ（info_detail.html）
--------------------------------------------------------- */

/* 画像レイアウトなし
------------------------------- */

div.info_layout_0 {
	width:624px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px dotted #CCCCCC;
	height:auto;
	overflow: hidden;
}

div.info_layout_0:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div.info_layout_0 dl{
	float: left;
	margin:10px;
}

div.info_layout_0 dl dt{
	font-weight: bold;
	color:#438fdd;
	margin-bottom:10px;
}

/* 画像レイアウト右寄せ
------------------------------- */

div.info_layout_1 {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px dotted #CCCCCC;
	height:auto;
	width:624px;
	overflow: hidden;
}

div.info_layout_1:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div.info_layout_1 dl{
	margin:10px;
}

div.info_layout_1 dl dt{
	font-weight: bold;
	color:#438fdd;
	margin-bottom:10px;
}

div.info_layout_1 dl dd{
	line-height:1.8;
}

div.info_layout_1 div.phzone {
	width:200px;
	vertical-align:top;
	margin: 40px 10px 15px 15px;
	float:right;
}

/* ---------------------------------------------------------
■ お問合せ（info_detail.html）
--------------------------------------------------------- */
div.inputarea p{width:600px;}

div.inputarea div#name1,
div.inputarea div#name2,
div.inputarea div#name3,
div.inputarea div#name4,
div.inputarea div#name5,
div.inputarea div#name6,
div.inputarea div#name7,
div.inputarea div#name8{
	width:624px;
}

div.inputarea div#name1 div.ix_content,
div.inputarea div#name2 div.ix_content,
div.inputarea div#name3 div.ix_content,
div.inputarea div#name4 div.ix_content,
div.inputarea div#name5 div.ix_content,
div.inputarea div#name6 div.ix_content,
div.inputarea div#name7 div.ix_content,
div.inputarea div#name8 div.ix_content{
	width:460px;
}

div.inputarea div#name1 div.ix_content input,
div.inputarea div#name2 div.ix_content input,
div.inputarea div#name3 div.ix_content input,
div.inputarea div#name5 div.ix_content input,
div.inputarea div#name6 div.ix_content input,
div.inputarea div#name7 div.ix_content input,
div.inputarea div#name8 div.ix_content textarea{
	width:300px;
}

div.inputarea div#name1 div.ix_title,
div.inputarea div#name2 div.ix_title,
div.inputarea div#name3 div.ix_title,
div.inputarea div#name4 div.ix_title,
div.inputarea div#name5 div.ix_title,
div.inputarea div#name6 div.ix_title,
div.inputarea div#name7 div.ix_title,
div.inputarea div#name8 div.ix_title{
	width:140px;
}