@charset "utf-8";

/* --------------------------------------------------------------
CSS Information

File name:		base_layout.css
Style Info:		レイアウトのベースとなるスタイルを設定

Index:
		__1. 全体構造
		__2. ヘッダー
			__2_1.マイナビゲーション
			__2_2. ヘッダーナビ
			__2_3.サイト内検索
			__2_4. グローバルナビゲーション
		__3. コンテンツエリア
			__3_1. 大枠
			__3_2. メイン
			__3_3. サイドバー
		__4. フッター
			__4_1. フッターナビ
			__4_2. Pマーク
			__4_3. 注意書き
		__5. リンク
		__6. モジュール
			__6_1. 見出し
			__6_2. その他
			__6_3. 表組み
			__6_4. ページ送り
			__6_5. フォーム
			__6_6. ボタン

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
-------------------------------------------------------------- */


/*=====================================================
	__1. 全体構造
=====================================================*/
html {
	overflow-y: scroll;/* スクロールバーの有無によるズレ対策 */
}
/*2012/01/17
body {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	background: #fff;
}
input, textarea {
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
*/
body {
width:auto;
background: none repeat scroll 0 0 #FFFFFF;font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴPro W3",""Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
input, textarea {
font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴPro W3",""Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
}
/* for IE6 */
* html body {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
* html input, * html textarea {
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

#pageTitle {
	position: absolute;
	width:960px;
	left:50%;
	top:10px;
	margin-left:-480px;
	color: #ccc;
	font-weight: bold;
	font-size:93%;
	z-index:2;
}

/*=====================================================
	__3. コンテンツエリア
=====================================================*/
/*	__3_1. 大枠
----------------------------------------------- */
div#contents {
	width: 726px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	margin: 0 0px 15px;
	font-size: 93%;
	line-height: 1.6;
	/zoom: 1;
}
div#contents:after { content: ''; display: block; clear: both; height: 0;}

/*=====================================================
	__5. リンク
=====================================================*/
a:link {
	color: #555555;
	text-decoration: underline;
}
a:visited {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color: #dd4237;
	text-decoration: none;
}
a:active {
	color: #dd4237;
	text-decoration: none;
}
div#contents a:link {
	color: #5083b2;
	text-decoration: underline;
}
div#contents a:visited {
	color: #8d8d8d;
	text-decoration: underline;
}
div#contents a:hover {
	color: #dd4237;
	text-decoration: none;
}
div#contents a:active {
	color: #dd4237;
	text-decoration: none;
}

/*=====================================================
	__6. モジュール
=====================================================*/
/*	__6_1. 見出し
------------------------------------------------*/
div#contents .title {
	position: relative;
	height: 30px;
	margin: 40px 0 45px;
	border-top: 1px solid #000;
}
div#contents .title span {
	position: absolute;
	top: -2px;
	left: 0;
	padding-top: 11px;
	border-top: 3px solid #000;
}
div#contents div#mainBlock #title {
	padding: 15px;
	border-top: 2px solid #a4a4a4;
	border-bottom: 1px dotted #8b8b8b;
	background: url(../image/bg_title.png) repeat-x left bottom;
	font-size: 216.7%;
	line-height: 1.2;
}
div#contents div#mainBlock .title {
	margin-bottom: 20px;
}
div#contents h2.headline {
	position: relative;
	margin-bottom: -1px;
	padding: 10px 15px;
	border-bottom: 1px solid #fff;
	background-color: #dfebf2;
	font-size: 116.7%;
	font-weight: bold;
	letter-spacing: 3px;
	text-shadow: 0px 1px 0px #fff;
}
div#contents h2.headline span {
	padding-left: 8px;
	border-left: 3px solid #6c7ca7;
}
div#contents h2.headline span span {
	padding-left: 5px;
	border-left: 0;
	font-size: 85.7%;
	text-shadow: none;
}
div#contents h2.headline img {
	vertical-align: middle;
}
/*	__6_2. その他
------------------------------------------------*/
div#contents p.lead {
	margin: 10px 0;
}
div#contents p.progress {
	margin: 30px 0 -10px;
	text-align: center;
}
div#contents .notice {
	color: #e30012;
}
div#contents span.discountRate {
	margin: 0 5px;
	padding: 0 5px;
	color: #fde200;
	font-weight: bold;
	background-color: #e22104;
}
div#contents .cancel {
	text-decoration: line-through;
}
div#contents .bestPrice {
	color: #e30012;
	font-weight: bold;
}
div#contents .unitBestPrice {
	font-weight: bold;
}

div#contents .campaign {
	color: #7baf20;
	font-weight: bold;
	padding:1px;
}
div#contents .itemThumb img {
	border: 1px solid #e1e1e1;
}
div#contents .itemThumb .active img,
div#contents .itemThumb a:hover img {
	border-color: #5083b2;
}
div#contents .done {
	/* 2011/11/17　富士通）北山　「EC再構築対応」　修正内容　ADD　END */
	font-size: 14px;
	/* 2011/11/17　富士通）北山　「EC再構築対応」　修正内容　ADD　END */
	margin-bottom: 30px;
	padding: 10px 20px;
	background-color: #fdfbdc;
	font-weight: bold;
}
.alpha a:hover img,
a:hover img.alpha {
	opacity: 0.7;
	filter: alpha(opacity=70); /* IE6用  */
}
.boxOverOn {
	background-color: #f2faff;
}
ul.label {
	margin: 5px 0;
	/zoom : 1;
}
ul.label:after { content: ''; display: block; clear: both; height: 0;}
ul.label li {
	float: left;
	margin-right: 3px;
}
p.toTop {
	clear: both;
	padding-top: 20px;
	font-size: 93%;
	text-align: right;
}

/*	__6_3. 表組み
------------------------------------------------*/
/*	__6_3_1. 共通
--------------------------------------*/
div#contents table tr th {
	background-color: #f3f3f3;
}
div#contents table tr th,
div#contents table tr td {
	padding: 10px;
}
div#contents table.stripe tr.odd {
	background-color: #fafafa;
}
div#contents table.stripe tr.even {
	background-color: #fff;
}
div#contents table tr.boxOverOn th {
	background-color: #e5f5ff;
}
div#contents table tr.boxOverOn td {
	background-color: #f2faff;
}
div#contents table tr td img {
	vertical-align: middle;
}


/*	バリアブル
--------------------------------------*/



#main-area {
width:726px;
margin:0;
}
#main-area h1 {
margin:0 0 10px 0;
}
#main-area p.catch_lead {
margin:0 0 20px 0;
}
#main-area p.catch_lead span {
font-weight:bold;
color:#e5004f;
}

#main-area .img {
	width: 590px;
	margin-bottom: 30px;
	margin-left: 68px;
	margin-top: 20px;
}

#main-area .box {
margin:30px 0 37px 0;
background:#f5f4ec;
}
#main-area .box h2 {
margin:0 0 8px 0;
}
#main-area .box .inner {
padding:0 30px 20px 89px;
}
#main-area .box .wbold {
font-weight:bold;
}
#main-area .box .fs14 {
font-size:14px;
}
#main-area .box p {
margin:0 0 20px 16px;
}
#main-area .box p span {
font-weight:bold;
color:#e5004f;
}
#main-area .box p span.mail {
font-size:18px;
}
#main-area .box p span.att {
font-weight:normal;
}
#main-area .box p.fig {
margin:0 0 30px 0;
}
#main-area .box p.link_btn {
width:495px;
margin:20px auto 30px auto;
}

#main-area .box h3 {
clear:both;
margin:0 0 10px -24px;
padding:5px 0 0 40px;
background:url(/ayl/greeting/images/icn_point.gif) no-repeat left top;
font-size:18px;
font-weight:bold;
color:#5f52a0;
}
#main-area .box p.pic02_1 {
	float:right;
	margin:0 8px 0 20px;
}
ul.list li {
margin:0 0 1em 1em;
text-indent:-1em;
}
ul.list li span.icn {
font-weight:normal;
color:#ffa500;
}
ul.list li span {
font-weight:bold;
color:#e5004f;
}
#main-area .box .point {
width:526px;
margin:0 0 10px 0;
border:1px solid #d5d5d5;
padding:15px 16px;
background:#fff;
}
#main-area .box .point p.pic04_1 {
float:right;
}
#main-area .box .point p {
margin:0;
}
#main-area .box .point h4 {
margin:0 0 12px 0;
}
#main-area .box .point h5 {
font-weight:bold;
color:#e5004f;
}
#main-area .box .point th,
#main-area .box .point td {
vertical-align:top;
padding:0;
}
#main-area .box .point th {
background:none;
}
#main-area .box .point td {
padding:0 0 0 8px;
}

.price {
	margin-bottom: 30px;
}
.price h3 {
margin:0 0 11px 0;
}
.price_left {
	float: left;
	width: 363px;
	border-right: 1px dotted #CCCCCC;
}
.price_right {
	float: left;
	width: 362px;
}
.price ul li {
	padding:6px;
	text-align:center;
	font-size:15px;
}
.price ul li.odd {
background:#f8f7ef;
}
.price ul li.even {
background:#ffffff;
}
.price ul li a:link,
.price ul li a:visited {
text-decoration:none;
color:#555555;
}
.price ul li a:hover {
	color:#dd4237;
}
.price span {
	font-size: 12px;
}


.inquiry {
width: 400px;
margin:0 auto 40px auto;
padding: 15px 0;
border-top:1px solid #a8a8a8;
border-bottom:1px solid #a8a8a8;
text-align: center;
font-size: 18px;
}
.inquiry p {
font-weight:bold;
}
.inquiry p.ttl {
margin:0 0 6px 0;
}


.caution_box {
	margin-bottom: 30px;
	padding: 20px 30px;
	background: #FDF1F0;
}
.caution_box h3 {
	font-size: 17px;
	font-weight: bold;
	color: #EA5550;
	margin-bottom: 10px;
}
.clr {
	clear: both;
}