@charset "utf-8";
/************************************************
 共通設定
************************************************ */
body {
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 13px;
	line-height: 180%;
}
/* 写真 */
img.picture {
	border: 1px solid #ccc;
}
/* ==============================================
 フレーム
=============================================== */
/* 全体を包括 */
.frame_outer {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
/* コンテンツ */
#container {
	margin: 0 auto;
	padding: 0;
	width: 1040px;
	text-align: left;
}
/* ==============================================
 カラム指定
=============================================== */

/* メイン部
----------------------------------------------- */
#main_column {
	padding: 20px 0 0;
}
/* 1カラム時 */
#main_column.colnum1 {
	margin: 0 auto;
	width: 80%;
}
/* 2カラム時 (共通) */
#main_column.colnum2 {
	width: 77%;
}
/* 2カラム時 (メイン部が左) */
#main_column.colnum2.left {
	padding-left: 1.5%;
	float: left;
}
/* 2カラム時 (メイン部が右) */
#main_column.colnum2.right {
	padding-right: 1.5%;
	float: right;
}
/* 3カラム時 */
#main_column.colnum3 {
	width: 600px;
	float: left;
}
/* サイドカラム
----------------------------------------------- */
.side_column {
	padding: 20px 0 0;
}
#leftcolumn {
	float: left;
	width: 200px;
	margin-right: 20px;
}
#leftcolumn ul li {
	margin-bottom: 15px;
}
#rightcolumn {
	position: relative;
	float: right;
	width: 200px;
	padding-top: 220px;
}
/* 他
----------------------------------------------- */
/* ヘッダーとフッターの上下 */
#topcolumn, #bottomcolumn, #footerbottomcolumn {
	margin: 0px;
	background: #fff;
	text-align: left;
	clear: both;
}
/* 下層コンテンツ */
#undercolumn {
	width: 100%;
	margin: 0 0 30px 0;
}
/* 汎用クラス
----------------------------------------------- */
.bnr_list_03 {
	overflow: hidden;
	margin-bottom: 10px;
}
.bnr_list_03 li {
	display: inline-block;
	width: 30%;
	margin: 8px;
}
.bnr_list_03 li a img {
	width: 100%;
	height: auto;
}
.bnr_list_03 li a:hover img {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
/* ==============================================
 ヘッダー
=============================================== */
/* レイアウト
----------------------------------------------- */
#header_wrapper {
	overflow: hidden;
	width: 100%;
	z-index: 1000;
	background: url(../img/common/bac_header.jpg) repeat-x 0 0;
}
#header_wrap {
	width: 100%;
}
#header {
	position: relative;
	margin: 0 auto;
	width: 1040px;
	min-height: 100px;
}
#header h1 {
	font-weight: lighter;
	line-height: 120%;
	font-size: 85%;
	color: #FFF;
	margin-bottom: 12px;
	padding-top: 5px;
}
#header p.logo_area {
	float: left;
	margin-right: 10px;
	padding-top: 6px;
}
#header ul {
	overflow: hidden;
	float: right;
	width: 740px;
	height: 60px;
	background: url(../img/common/bac_contact.png) no-repeat 0 0;
}
#header ul li.h_btn01 {
	float: left;
	width: 370px;
}
#header ul li.h_btn01 a {
	display: block;
	padding-top: 37px;
	padding-left: 227px;
}
#header ul li.h_btn02 {
	float: left;
	width: 370px;
}
#header ul li.h_btn02 a {
	display: block;
	padding-top: 5px;
	padding-left: 10px;
}

/* TOPのみ */
#main {
	height: 250px;
	background: url(../img/top/bac_topcol.jpg) repeat-x 0 0;
	border-bottom: solid 1px #FFF;
	box-shadow: 0 3px 3px #EEE;
	margin-bottom: 10px;
}
#main div, #main div div {
	margin: 0 auto;
}
#main p {
	width: 1040px;
	height: 250px;
	background-repeat: no-repeat;
	background-position: center top !important;
	margin: 0 auto;
	z-index: 100;
}
#main p em {
	visibility: hidden;
}
#navi {
	width: 100%;
	height: 55px;
	box-shadow: 0 3px 3px #CCC;
}
#navi ul {
	width: 1040px;
	height: 55px;
	margin: 0 auto;
}
#navi li {
	float: left;
	height: 55px;
}
#navi li a {
	display: block;
	height: 55px;
	background-image: url(../img/common/navi.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
}
#navi li a em {
	visibility: hidden;
}
#navi li.nav01 a {
	width: 173px;
	background-position: 0 0;
}
#navi li.nav02 a {
	width: 174px;
	background-position: -173px 0;
}
#navi li.nav03 a {
	width: 174px;
	background-position: -347px 0;
}
#navi li.nav04 a {
	width: 174px;
	background-position: -521px 0;
}
#navi li.nav05 a {
	width: 173px;
	background-position: -695px 0;
}
#navi li.nav06 a {
	width: 172px;
	background-position: -868px 0;
}
#navi li.nav01 a:hover {
	background-position: 0 -55px;
}
#navi li.nav02 a:hover {
	background-position: -173px -55px;
}
#navi li.nav03 a:hover {
	background-position: -347px -55px;
}
#navi li.nav04 a:hover {
	background-position: -521px -55px;
}
#navi li.nav05 a:hover {
	background-position: -695px -55px;
}
#navi li.nav06 a:hover {
	background-position: -868px -55px;
}
/* ==============================================
 左サイド
=============================================== */
#leftcolumn h2, #rightcolumn h2 {
	margin-bottom: 10px;
}
#rightcolumn h2 {
	margin-top: 15px;
}
#leftcolumn dl {
	margin-bottom: 30px;
}
#leftcolumn dt {
	width: 200px;
	height: 42px;
	margin-bottom: 5px;
}
#leftcolumn dt a {
	display: block;
	height: 42px;
	text-decoration: none;
}
#leftcolumn dt em {
	visibility: hidden;
}
#leftcolumn dt.s_g01 a {
	background: url(../img/common/s_navi01.gif) no-repeat 0 0;
}
#leftcolumn dt.s_g02 a {
	background: url(../img/common/s_navi02.gif) no-repeat 0 0;
}
#leftcolumn dt.s_g03 a {
	background: url(../img/common/s_navi03.gif) no-repeat 0 0;
}
#leftcolumn dt.s_g04 a {
	background: url(../img/common/s_navi04.gif) no-repeat 0 0;
}
#leftcolumn dt.s_g01 a:hover, #leftcolumn dt.s_g02 a:hover, #leftcolumn dt.s_g03 a:hover, #leftcolumn dt.s_g04 a:hover {
	background-position: bottom;
}
#leftcolumn dd {
	border-bottom: dotted 1px #CCC;
}
#leftcolumn dd a {
	display: block;
	color: #000;
	background: url(../img/common/ico_navi.gif) no-repeat 0 12px;
	margin-left: 10px;
	padding: 5px 0 5px 15px;
	text-decoration: none;
}
#leftcolumn dd a:hover {
	color: #D70B0F;
	background: url(../img/common/ico_navi2.gif) no-repeat 3px 12px;
}
#leftcolumn .s_info p {
	background: url(../img/common/s_photo.jpg) no-repeat 0 0;
	margin-bottom: 30px;
	padding-top: 110px;
}
#leftcolumn .s_info p b {
	font-size: 120%;
}
/* ==============================================
 右サイド
=============================================== */
#rightcolumn ul {
	margin-bottom: 30px;
}
#rightcolumn li {
	border-bottom: dotted 1px #CCC;
}
#rightcolumn li a {
	display: block;
	font-size: 115%;
	background: url(../img/common/ico_arrow.gif) no-repeat 0 14px;
	margin-left: 10px;
	padding: 7px 5px 7px 15px;
}
#rightcolumn h3 {
	margin-bottom: 10px;
}
#rightcolumn dl {
	margin-bottom: 15px;
}
#rightcolumn dt {
	color: #666;
}
#rightcolumn dd {
	border-bottom: dotted 1px #CCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
/* ==============================================
 フッター
=============================================== */
p.pagetop {
	font-size: 90%;
	width: 1000px;
	margin: 15px auto 5px;
}
#footer_wrap {
	clear: both;
	width: 100%;
	height: 199px;
	background: url(../img/common/footer_wrap.jpg) repeat-x 0 0;
}
#footer {
	width: 1000px;
	height: 184px;
	background: url(../img/common/bac_footer.jpg) no-repeat center top;
	margin: 0 auto;
	padding-top: 15px;
}
#footer #footer_in {
	height: 60px;
	background: url(../img/common/footer.jpg) no-repeat 0 0;
	margin-bottom: 20px;
	padding-top: 20px;
	padding-left: 635px;
}
#footer ul {
	font-size: 15px;
	overflow: hidden;
	width: 1000px;
	margin-bottom: 20px;
	text-align: center;
}
#footer ul li {
	display: inline;
	margin-right: 10px;
	padding-right: 10px;
	border-right: solid 1px #FFF;
}
#footer ul li a {
	color: #FFF;
}
#footer ul li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}
#footer p {
	font-size: 90%;
	color: #5A7E99;
	text-align: center;
}
#pagetop {
	width: 210px;
	float: right;
	text-align: right;
}
#copyright {
	width: 740px;
	float: left;
	text-align: left;
	font-size: 97%;
}
/* ==============================================
 ユーティリティ
=============================================== */
/* フロート回り込み解除
----------------------------------------------- */
.clearfix:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
}
.clearfix {
	display: block; /* for IE8 */
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	margin: 0;
	padding: 0;
}
/* リンク指定
----------------------------------------------- */
a:link, a:visited {
	color: #0F2AC9;
	text-decoration: underline;
}
a:link:hover, a[href]:hover {
	color: #007CE3;
	text-decoration: none;
}
/* フォント
----------------------------------------------- */
h1, h2, h3, h4, h5 {
	font-size: 100%;
	line-height: 150%;
}
.sale_price {
	color: #f00;
}
.normal_price {
	font-size: 90%;
}
.point {
	color: #f00;
	font-weight: bold;
}
.user_name {
	font-weight: bold;
}
.recommend_level {
	color: #ecbd00;
}
.attention {
	color: #f00;
}
.attentionSt {
	color: #f00;
	font-weight: bold;
}
.st {
	font-weight: bold;
}
.mini {
	font-size: 90%;
}
/* 行揃え
----------------------------------------------- */
.alignC {
	text-align: center;
}
.alignR {
	text-align: right;
}
.alignL {
	text-align: left;
}
.pricetd em {
	font-weight: bold;
}
/* フォーム
----------------------------------------------- */
select {
	border: solid 1px #ccc;
}
input[type='text'], input[type='password'] {
	border: solid 1px #ccc;
	padding: 2px;
}
.box40 {
	width: 40px;
}
.box60 {
	width: 60px;
}
.box100 {
	width: 100px;
}
.box120 {
	width: 120px;
}
.box140 {
	width: 140px;
}
.box145 {
	width: 145px;
}
.box150 {
	width: 150px;
}
.box240 {
	width: 240px;
}
.box300 {
	width: 300px;
}
.box320 {
	width: 320px;
}
.box350 {
	width: 350px;
}
.box380 {
	width: 380px;
}
/* フォームが縦に重なり合う場合に併用する余白 */
.top { /* FIXME 簡素な単語は、単独で、込み入った指定に使用しない */
	margin-bottom: 5px;
}
/* タイトル
----------------------------------------------- */
h2.title {
	font-size: 16px;
	background: #DFDFDF;
	border-left: solid 3px #1849A6;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom: 12px;
	padding: 6px 15px;
}
#main_column h3, #undercolumn_login .login_area h3, #undercolumn_shopping h3, #mypagecolumn h3, #undercolumn_cart h3 {
	font-size: 14px;
	border-bottom: solid 2px #000000;
	margin-bottom: 10px;
	padding-bottom: 8px;
}
#main_column h2.subtitle, #main_column h3.subtitle {
	font-size: 14px;
	text-shadow: 0 1px 0 #FFF;
	background: #DFDFDF;
	border-left: solid 3px #1849A6;
	border-bottom: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 6px 12px 4px;
}
.acw h3.title　 {
	font-size: 15px;
	color: #C30;
	border-bottom: dotted 1px #C30;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
div#undercolumn_login .login_area h4 {
	padding-left: 15px;
	background: url("../img/icon/ico_arrow_05.gif") no-repeat left;
}
/* ==============================================
 パーツ
=============================================== */
/* ボタン
----------------------------------------------- */
.btn_area {
	margin-top: 10px;
	width: 100%;
	text-align: center;
}
.btn_area li {
	padding-right: 10px;
	display: inline;
}
/* 完了メッセージ
----------------------------------------------- */
div#complete_area {
	margin-bottom: 20px;
}
div#complete_area .message, div#undercolumn_entry .message {
	margin-bottom: 20px;
	line-height: 150%;
	font-weight: bold;
	font-size: 120%;
}
div#complete_area .shop_information {
	margin-top: 40px;
	padding: 20px 0 0 0;
	border-top: solid 1px #ccc;
}
div#complete_area .shop_information .name {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 140%;
}
/* 空調服バナー
----------------------------------------------- */
#kutyohuku {
	margin-bottom: 10px;
}