@import "/common/css/basic.css";
@import "/common/css/layout.css";
@import "/common/css/module.css";
@charset "utf-8";

/*=========================================================================

種別 ： ユニセフはがき印刷ランディングページ用 css
適用 ： /unicef/

=========================================================================*/

/* ヘッダー HEADER
-------------------------------------*/
#HEADER {
	position:relative;
	width:920px;
	height:50px;
	background-color:#ffffff;
}
#HEADER .logo {
	position:absolute;
	top:10px;
	left:35px;
	padding:0;
	background-image:none;
}
#HEADER .tel_info {
	position:absolute;
	top:10px;
	right:35px;
	padding:0;
	background-image:none;
}

/* メイン領域 MAIN
-------------------------------------*/
#MAIN #mainArea670 {
	float:left;
	width:670px;
	margin-top:0px;
}

#MAIN #mainArea670 h1 {		/* overwrite */
	margin:0px;
	padding:0px;
	background-image:none;
}

#MAIN #mainArea670 h1.midashi{
	min-height:21px;
	margin:15px 0 0 0;
	padding:6px 0 3px 16px;
	background:url(/common/images/bg_ti_01.gif) no-repeat top left;
	font-size:145%;
	line-height:125%;
}

#MAIN #mainArea670 h2 {		/* overwrite */
	margin:0 0 10px 0;
	padding-bottom:2px;
	border-bottom:3px solid #c5c5c5;
	color:#ff3300;
	font-size:130%;
	line-height:115%;
}

#MAIN #mainArea670 h2.midashi {		/* overwrite */
	margin:30px 0 0 0;
	padding:2px 5px;
	border-bottom:0;
	background-color:#ff6600;
	color:#ffffff;
	font-weight:bold;
	border:solid 1px #ff3300;
}


#MAIN #mainArea670 h2.ttl {
	margin-top:5px;
}

#MAIN #mainArea670 h3 {		/* overwrite */
	margin:20px 10px 10px 0;
	padding:5px 10px;
	font-size:120%;
	line-height:115%;
	background-color:#f0f0f0;
}

#MAIN #mainArea670 h3.midashi {		/* overwrite */
	width:670px;
	margin:30px 0 10px 0;
	padding-bottom:2px;
	border-bottom:3px solid #c5c5c5;
	color:#ff3300;
	font-size:130%;
	line-height:115%;
}



#MAIN #mainArea670 h3.top {		/* overwrite */
	padding:2px 5px;
	border-bottom:0;
	background-color:#ff6600;
	color:#ffffff;
	font-size:140%;
	font-weight:bold;
	border:solid 1px #ff3300;
	vertical-align:middle;
}

#MAIN #mainArea670 h3.ttl {
	margin-top:5px;
}

#MAIN #mainArea670 h4 {		/* overwrite */
	width:650px;
	margin:10px 10px 10px 20px;
	padding-bottom:2px;
	border-bottom:3px solid #c5c5c5;
	font-size:130%;
	line-height:115%;
}

#MAIN #mainArea670 h5 {		/* overwrite */
	margin:20px 10px 10px 0;
	padding:5px 10px;
	font-size:120%;
	line-height:115%;
	background-color:#f0f0f0;
}

#MAIN #mainArea670 p.txt110b {		/* overwrite */
	margin:10px 10px 5px 0;
	font-size:110%;
	line-height:115%;
	font-weight:bold;
}

/* CNAVI ※キャンペーンページ等に用いる（GNAVIとは少し Look&Feel が異なる）
-------------------------------------------------------------------------*/
ul#CNAVI {
	width:920px;
	height:30px;
}
ul#CNAVI li {
 float:left;
	width:184px;
	height:30px;
	text-indent:-5000px;
	font-size:1px;
	line-height:1px;
}
ul#CNAVI li a {
	display:block;
	width:184px;
	height:30px;
	text-decoration:none;
}
li#cnavi01 a {background:url(/unicef/images/cnavi_01.gif) no-repeat top left;}
li#cnavi02 a {background:url(/unicef/images/cnavi_02.gif) no-repeat top left;}
li#cnavi03 a {background:url(/unicef/images/cnavi_03.gif) no-repeat top left;}
li#cnavi04 a {background:url(/unicef/images/cnavi_04.gif) no-repeat top left;}
li#cnavi05 a {background:url(/unicef/images/cnavi_05.gif) no-repeat top left;}
/* --- ロールオーバー --- */
li#cnavi01 a:hover, li#cnavi01.on a {background:url(/unicef/images/cnavi_01_on.gif) no-repeat top left;}
li#cnavi02 a:hover, li#cnavi02.on a {background:url(/unicef/images/cnavi_02_on.gif) no-repeat top left;}
li#cnavi03 a:hover, li#cnavi03.on a {background:url(/unicef/images/cnavi_03_on.gif) no-repeat top left;}
li#cnavi04 a:hover, li#cnavi04.on a {background:url(/unicef/images/cnavi_04_on.gif) no-repeat top left;}
li#cnavi05 a:hover, li#cnavi05.on a {background:url(/unicef/images/cnavi_05_on.gif) no-repeat top left;}

/* サービス説明 */
#MAIN #mainArea670 div.service_box{
	width:630px;
	margin:10px 20px;
}

#MAIN #mainArea670 div.service_box div.photo{
	float:left;
	width:200px;
}

#MAIN #mainArea670 div.service_box div.txt{
	float:right;
	width:410px;
}

/* 注文ボタン左右に並べる */
#MAIN #mainArea670 div.button_box{
	width:670px;
	margin:10px 20px;
}

#MAIN #mainArea670 div.button_box div.ippan{
	float:left;
	width:310px;
}

#MAIN #mainArea670 div.button_box div.oogata{
	float:right;
	width:310px;
}

/* verisignの部分 */
#MAIN #mainArea670 div.verisign{
	width:550px;
	margin:10px 0 0 40px;
}

#MAIN #mainArea670 div.verisign div.txt{
	float:left;
	width:400px;
	line-height:140%;
}

#MAIN #mainArea670 div.verisign div.img{
	float:right;
	padding:5px 0 0 20px;
	width:120px;
}

/* 見積ボタン */
#MAIN #mainArea670 div.button{
	float:right;
	width:270px;
}

#MAIN #mainArea670 table.used{
	width:670px;
	margin:10px 10px 0 0px;
}

#MAIN #mainArea670 table.used td{
	border-collapse:collapse;
	vertical-align:middle;
	font-size:100%;
	color:#333333;
	line-height:140%;
	font-weight:bold;
}


/* 注文の流れのスタイル
-------------------------------------------------------------------------*/
#MAIN #mainArea670 #contentsArea {
	float:right;
	width:500px;
}



/*フォント色・サイズ*/
.exp{
	font-weight:bold;
	color:#ff0000;
}

/* 枠 */
.waku_orange{
	border:solid 2px #ff800f;
	padding:5px;
	margin:10px 30px 10px 10px;
}

.txtbox550{
	width:550px;
	margin:10px 0 0 40px;
	line-height:140%;
}

/* 画像ボタン　※最終ブロックは Mac IE5 対策（バックスラッシュハック）*/
.gbtn a {
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	width:150px;
	height:38px;
	background: url(../images/btn_orderw150h36_muji.gif) no-repeat 0 0;
	border:0;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
/*\*//*/
.gbtn {
  letter-spacing: -9999px;
}
/**/


/* お問い合わせのスタイル
-------------------------------------------------------------------------*/
/* テーブル */
#MAIN #mainArea670 table.contact{
	width:630px;
	margin:10px 0 0 20px;
}

#MAIN #mainArea670 table.contact th {
	background-color:#e5ded4;
	white-space:nowrap;
	padding:5px;
}

#MAIN #mainArea670 table.contact td{
	background-color:#f7f7f7;
	padding:5px;
	border-collapse:collapse;
	vertical-align:middle;
	font-size:90%;
	color:#333333;
	text-align:left;
}


/* 店舗情報 */
ul.shopInfo li {
	padding:10px 0;
	border-bottom:1px dotted #cccccc;
}
ul.shopInfo li h3 {
	margin:0;
	padding-left:10px;
	background:url(/common/images/ic_01.gif) no-repeat 0 0.45em;
	font-weight:bold;
	font-size:100%;
}
ul.shopInfo li dl {
	margin:6px 0 0 20px;
}
ul.shopInfo li dt {
	float:left;
	width:5.5em;
	padding-left:0;
	background:none;
	font-weight:normal;
}
ul.shopInfo li dd {
	margin:0 0 0 5.5em;
}
* html body ul.shopList li dd {
	text-indent:-0.2em;
}

/* 料金表1 */

table.terms {
/*	width:660px;*/
	empty-cells:hide;
}

table.terms tr td.regular {
	background-color:#f0f0f0;
	border:solid 1px #b4b4b4;
	padding:2px;
	border-collapse:collapse;
	vertical-align:middle;
	color:#333333;
	font-weight:bold;
	text-align:center;
	empty-cells:hide;
}
table.terms tr td.number {
	background-color:#fce6bf;
	border:solid 1px #b4b4b4;
	padding:2px;
	border-collapse:collapse;
	vertical-align:middle;
	color:#333333;
	font-weight:bold;
	text-align:center;
	empty-cells:hide;
}
table.terms tr td.number2 {
	background-color:#ffffcc;
	border:solid 1px #b4b4b4;
	padding:1px 20px 1px 5px;
	border-collapse:collapse;
	vertical-align:middle;
	color:#333333;
	font-weight:bold;
	empty-cells:hide;
}
table.terms tr td {
	background-color:#ffffff;
	border:solid 1px #b4b4b4;
	padding:1px 10px 1px 5px;
	border-collapse:collapse;
	vertical-align:middle;
	color:#333333;
	font-weight:normal;
	text-align:right;
	empty-cells:hide;
}

/* 料金表2 */
#MAIN #mainArea670 table.terms2 {
	width:100%;
	margin-top:5px;
	border-width:1px 1px 0 0;
	border-style:solid; 
	border-color:#ffffff;
}

#MAIN #mainArea670 table.terms2 td{
	width:100px;
	background-color:#f4f4f4;
	border-color:#ffffff;
	border-style:solid; 
	border-width: 0 0 1px 1px;
	padding:2px 10px;
	text-align:right;
}

#MAIN #mainArea670 table.terms2 th.th01{
	width:300px;
	background-color:#efebe5;
	padding:2px 10px;
	text-align:left;
	font-weight:normal;
}

#MAIN #mainArea670 table.terms2 th.th02{
	background-color:#e5ded4;
	border-bottom:2px solid #ffffff;
	text-align:center;
}

/* 料金表3 */
#MAIN #mainArea670 table.terms3 {
	/*width:100%;*/
	margin-top:5px;
	border-width:1px 1px 0 0;
	border-style:solid; 
	border-color:#ffffff;
}

#MAIN #mainArea670 table.terms3 td{
	width:150px;
	background-color:#f4f4f4;
	border-color:#ffffff;
	border-style:solid; 
	border-width: 0 0 1px 1px;
	padding:2px 10px;
	text-align:center;
}

#MAIN #mainArea670 table.terms3 th.th01{
	width:200px;
	background-color:#efebe5;
	padding:2px 10px;
	text-align:left;
	font-weight:normal;
}

#MAIN #mainArea670 table.terms3 th.th02{
	background-color:#e5ded4;
	border-bottom:2px solid #ffffff;
	border-right:1px solid #ffffff;
	text-align:center;

}

/* 表組み */
#MAIN #mainArea670 table.card {
	margin-top:5px;
	width:95%;
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#ffffff;
}
#MAIN #mainArea670 table.card th,
#MAIN #mainArea670 table.card td {
	padding:7px 10px;
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:#f0f0f0;
	background-color:#f4f4f4;
	text-align:left;
}
#MAIN #mainArea670 table.card th {
	background-color:#e5ded4;
	white-space:nowrap;
}

/* 左エリア（ナビゲーション）
---------------------------------------------*/
#naviArea_cam {
	margin-top:15px;
	float:left;
	width:150px;
}
#naviArea_cam dt {
	padding:8px 6px;
	background:url(/common/images/bg_sub_03.gif) no-repeat top left;
	text-align:center;
	font-weight:bold;
	line-height:140%;
}
#naviArea_cam ul.categoryMenu {
	border-right:1px solid #ff800e;
	border-bottom:1px solid #ff800e;
	border-left:1px solid #ff800e;
}
#naviArea_cam ul.categoryMenu li {
	border-top:1px solid #c5c5c5;
}
#naviArea_cam ul.categoryMenu li.first {
	border-top:1px solid #ffffff;
}
#naviArea_cam ul.categoryMenu li a {
	display:block;
	width:129px; /* for IE6 */
	padding:6px 5px 6px 14px;
	background:url(/common/images/ic_02.gif) no-repeat 7px 1.1em;
	font-weight:bold;
	font-size:90%;
	line-height:140%;
}
/* マウスオーバー */
#naviArea_cam ul.categoryMenu li a:hover {
	background-color:#f4f4f4;
}
/* カレント表示 */
#naviArea_cam ul.categoryMenu li.cur {
	padding:6px 5px 6px 14px;
	background-color:#ff800e;
	font-weight:bold;
	font-size:90%;
	line-height:140%;
	color:#ffffff;
}
/* 記事がないカテゴリメニュー表示 */
#naviArea_cam ul.categoryMenu li.noEntry {
	padding:6px 5px 6px 14px;
	font-size:90%;
	line-height:140%;
}

/* サブカテゴリ */
#naviArea_cam ul.categoryMenu li ul {
	margin:0 0 7px 8px;
}
#naviArea_cam ul.categoryMenu li li {
	border-top:0;
}
#naviArea_cam ul.categoryMenu li li a {
	width:121px;
	padding:1px 5px 1px 14px;
	background:url(/common/images/ic_02.gif) no-repeat 7px 0.55em;
	font-weight:normal;
}
#naviArea_cam ul.categoryMenu li li a:hover {
	background-color:#ffffff;
}
#naviArea_cam ul.categoryMenu li li.cur {
	padding:1px 5px 1px 14px;
	background:none;
	background-color:#ffffff;
	font-weight:normal;
	color:#8b8b8b;
}
/* 注釈リストcolor:#8b8b8b; ----------*/
ul.note2 {
	margin-top:6px;
	color:#ff3300;
	font-size:100%;
	line-height:133%;
}
ul.note2 li {
	padding-left:1em;
	text-indent:-1em;
}

/*
　会社概要
-------------------------------------------------------------------------*/

table.design01 {
	margin-top:15px;
	width:90%;
	border-width:1px 1px 0 0;
	border-style:solid;
	border-color:#ffffff;
}
table.design01 th,
table.design01 td {
	padding:7px 10px;
	border-width:0 0 1px 1px;
	border-style:solid;
	border-color:#ffffff;
	background-color:#f4f4f4;
	text-align:left;
}
table.design01 th {
	background-color:#e5ded4;
	white-space:nowrap;
}

/* 写真一覧
-------------------------------------------------------------------------*/
div.cardList01{
	text-align:center;
}

div.cardList01 span{
	font-weight:bold;
}

div.cardList01 td.disYL {
	padding:0px 15px 0px 5px;
}

div.cardList01 td.disY {
	padding:0px 10px 0px 5px;
	text-align:left;
}

div.cardList01 td.disT {
	padding:0px 25px;
	text-align:left;
}

div.cardList01 td.thumY {
	height:147px;
	width:220px;
	/*vertical-align:top;*/
}

div.cardList01 td.thumT {
	height:212px;
	width:220px;
}

div.cardList01 td.pic {
	height:47px;
	vertical-align:top;
}

div.cardList01 div.line {
	border-top:solid 2px #bbbbbb;
}