/* CSS Document */


/*basic.css
===================================================================*/
/*基本スタイル
===================================================================*/
/*
-------------------------------------------------------------------*/
/*フォント基本スタイル
-------------------------------------------------------------------*/
body,table,td,th,p,span {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#666666;
}
#contentsarea1 {
font-size:14px;
line-height:150%;
}

#contentsarea1 td,td,th,p,span {
font-size:14px;
line-height:150%;
}

.both {
clear:both;
}


/* リンクカラー
---------------------------------------------------- */
a {
color:#666666;
text-decoration:underline;
}
a:link {
color:#666666;
text-decoration:underline;
}
a:visited {
color:#666666;
text-decoration:underline;
}
a:hover {
color:#B51616;
text-decoration:underline;
}

/* basestyle
---------------------------------------------------- */
IMG {
border-width:0px;
}

.IMG_r10 {
border-width:0px;
margin-left:10px;
}
.IMG_r20 {
border-width:0px;
margin-left:20px;
}

.IMG_l10 {
border-width:0px;
margin-right:10px;
}
.IMG_l20 {
border-width:0px;
margin-right:20px;
}

.IMG_l8 {
border-width:0px;
margin-right:8px;
}
form {
margin:0;
padding:0;
}

p {
font-size:14px;
line-height:150%;
}

.link_icon_a {
padding:0 0 0 17px;
background-image:url(../images/icn_04.gif);
background-position:0 3px;
background-repeat:no-repeat;
}
.link_icon {
padding:0 0 0 14px;
background-image:url(../images/icn_02.gif);
background-position:0 4px;
background-repeat:no-repeat;
}

.text14 {
font-size:14px;
line-height:150%;
}

.red {color: #bb0000}
.red_bg {background-color: #F3D6D6}
.pink {color: #FA4D60}
.pink_bg {background-color:#FEE3E6}

.blue {color: #2493E0}
.blue_bg {background-color:#E0EBF9}

.brown {color: #C57800}
.brown_bg {background-color:#F2E2C8}

.purple {color: #8560A8}
.purple_bg {background-color:#E2D8EC}

.title_gray1 {
margin:10px 0 0 0;
padding:8px 0 8px 20px;
font-size:16px;
background-color:#E6E6E6;
border-left:5px solid #b20000;
clear:both;
}

.title_gray2 {
margin:10px 0 0 0;
padding:4px 10px 4px 10px;
font-size:16px;
background-color:#E6E6E6;
color:#b20000;
font-weight:bold;
clear:both;
}

.title_gray3 {
margin:10px 0 0 0;
padding:8px 0 8px 20px;
font-size:16px;
background-color:#E6E6E6;
border-left:5px solid #00FFFF;
clear:both;
}

.title_gray4 {
margin:10px 0 0 0;
padding:8px 0 8px 20px;
font-size:16px;
background-color:#E6E6E6;
border-left:5px solid #00A651;
clear:both;
}

.spring_voice_title {
margin:10px 0 0 0;
padding:5px 0 0 50px;
height:27px;
font-size:16px;
background-image:url(/assets/templates/recom/images/icn_voice_spring.gif);
background-position:0 0;
background-repeat:no-repeat;
color:#FA4D60;
clear:both;
}
.summer_voice_title {
margin:10px 0 0 0;
padding:5px 0 0 50px;
height:27px;
font-size:16px;
background-image:url(/assets/templates/recom/images/icn_voice_summer.gif);
background-position:0 0;
background-repeat:no-repeat;
color:#2493E0;
clear:both;
}
.autumn_voice_title {
margin:10px 0 0 0;
padding:5px 0 0 50px;
height:27px;
font-size:16px;
background-image:url(/assets/templates/recom/images/icn_voice_autumn.gif);
background-position:0 0;
background-repeat:no-repeat;
color:#C57800;
clear:both;
}
.winter_voice_title {
margin:10px 0 0 0;
padding:5px 0 0 50px;
height:27px;
font-size:16px;
background-image:url(/assets/templates/recom/images/icn_voice_winter.gif);
background-position:0 0;
background-repeat:no-repeat;
color:#b20000;
clear:both;
}

.list_mark_red {
padding-left:20px;
padding-bottom:15px;
list-style:none;
background-image:url(/assets/templates/recom/images/icn_red.gif);
background-repeat:no-repeat;
background-position:0 6px;
font-size:14px;
line-height:150%;
}

/*
-------------------------------------------------------------------*/
/*ベースレイアウト設定
-------------------------------------------------------------------*/
body {
margin-left: 0;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
background-color:#FFFFFF;
}
#wrapper {
margin:0;
padding:0;
text-align:center;
}

/*
-------------------------------------------------------------------*/
/*ヘッダー(情報)
-------------------------------------------------------------------*/
#recomhd {
margin:0;
padding:0;
background-color:#666666;
}
#recomhdinfo {
width:950px;
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding:0;
background-color:#000000;
text-align:right;
}
#recomhdinfo h1 {
margin:0;
padding:10px 10px 10px 10px;
font-size:11px;
color:#BFBFBF;
font-weight:normal;
line-height:130%;
}
/*
-------------------------------------------------------------------*/
/*ヘッダー
-------------------------------------------------------------------*/
#header {
margin:0;
padding:0;
background-color:#FFFFFF;
background-image:url(../images/bg_01.gif);
background-position:center;
background-repeat:repeat-y;
}

#hd{
width:950px;
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding:10px 0 10px 0;
}
#hdtbl {
width:950px;
margin:0;
padding:0;
text-align:left;
}
#hdtbl .cell01 {
margin:0;
padding:0;
width:250px;
text-align:center;
}
#hdtbl .cell02 {
margin:0;
padding:0;
width:700px;
text-align:left;
}
#hdtbl .cell03 {
margin:0;
padding:15px 10px 0 0;
text-align:right;
}
#hdnavi {
margin-left:221px;
margin-right:0;
margin-top:0;
margin-bottom:0;
padding:0;
}

#hdnavi ul {
list-style:none;
padding:0;
margin:0;
}
#hdnavi li {
padding:0;
margin:0;
float:left;
height:18px;
text-indent:-5000px;
}

#hdnavi ul li a {
display:block;
height:18px;
text-decoration:none;
}
/* TOP
---------------------------------------------------- */
#hdnavi li#hdnavi01 {
background-image:url(../images/hd_navi_01.gif);
background-repeat:no-repeat;
width:103px;
margin-right:5px;
}
#hdnavi li#hdnavi02 {
background-image:url(../images/hd_navi_02.gif);
background-repeat:no-repeat;
width:103px;
margin-right:5px;
}
/*#hdnavi li#hdnavi03 {
background-image:url(../images/hd_navi_05.gif);
background-repeat:no-repeat;
width:150px;
margin-right:5px;
}*/
#hdnavi li#hdnavi03 {
background-image:url(../images/hd_navi_06.gif);
background-repeat:no-repeat;
width:150px;
margin-right:5px;
}
#hdnavi li#hdnavi04 {
background-image:url(../images/hd_navi_04.gif);
background-repeat:no-repeat;
width:103px;
margin-right:5px;
}


/*
-------------------------------------------------------------------*/
/*メイン部分
-------------------------------------------------------------------*/
#contentswrapper {
margin:0;
padding:0;
text-align:center;
background-image:url(../images/bg_02.gif);
background-position:left top;
background-repeat:repeat-x;
background-color:#F7F7F7;
border-top:1px solid #cccccc;
}

/*
-------------------------------------------------------------------*/
/*ページタイトル
-------------------------------------------------------------------*/
#section1 {
width:950px;
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding:0;
background-image:url(../images/bg_03.gif);
background-position:left top;
background-repeat:repeat-y;
background-color:#FFFFFF;
}
#section1bg {
margin:0;
padding:0 1px 6px 1px;
background-image:url(../images/bg_04.gif);
background-position:left bottom;
background-repeat:repeat-x;

}

/*
-------------------------*/
/*LEFTバナーエリア
-------------------------*/
#leftbanner {
float:left;
padding:0;
margin:0;
width:249px;
text-align:left;
}

#banner_livenear {
margin-top:15px;
margin-right:0;
margin-bottom:10px;
margin-left:14px;
padding:0;
}
#banner_model {
margin-top:0;
margin-right:0;
margin-bottom:15px;
margin-left:14px;
padding:0;
}

/*
-------------------------*/
/*titlearea
-------------------------*/
#titlearea {
float:right;
padding:0;
margin:0;
width:699px;
text-align:left;
overflow:hidden;
}
#titlearea h2 {
padding:0;
margin:0;
}
#titlearea .h2_top {
padding:0;
margin:0;
text-indent:-9999px;
}

/*
-------------------------------------------------------------------*/
/*メイン部分
-------------------------------------------------------------------*/
#section2 {
width:950px;
margin-top:0;
margin-bottom:0;
padding:0;
background-image:url(../images/bg_05.gif);
background-position:left top;
background-repeat:repeat-y;
background-color:#FFFFFF;
}
/*
-------------------------*/
/*LEFTナビゲーション
-------------------------*/
#leftnavi {
float:left;
padding:0 0 70px 0;
margin:0;
width:249px;
text-align:left;
}
#leftnavi a {
color:#D9D9D9;
text-decoration:underline;
}
#leftnavi a:hover {
color:#FFFFFF;
text-decoration:underline;
}

/*
-------------------------*/
/*LEFTナビゲーション　季節
-------------------------*/
#season {
padding:0;
margin:0;
text-align:left;
}
#seasontit {
padding:0;
margin:0;
text-align:left;
}
#seasonnavi {
padding:13px 13px 13px 13px;
margin:0;
background-image:url(../images/bg_06.gif);
background-repeat:repeat-y;
}
#seasonnavi ul {
list-style:none;
padding:0;
margin:0;
}
#seasonnavi li {
padding:0;
margin:0;
height:55px;
text-indent:-5000px;
}

#seasonnavi ul li a {
display:block;
height:55px;
text-decoration:none;
}
#seasonnavi li#snavi01 {
background-image:url(../images/leftnavi_02.gif);
background-repeat:no-repeat;
width:224px;
margin-bottom:3px;
}
#seasonnavi li#snavi02 {
background-image:url(../images/leftnavi_03.gif);
background-repeat:no-repeat;
width:224px;
margin-bottom:3px;
}
#seasonnavi li#snavi03 {
background-image:url(../images/leftnavi_04.gif);
background-repeat:no-repeat;
width:224px;
margin-bottom:3px;
}
#seasonnavi li#snavi04 {
background-image:url(../images/leftnavi_05.gif);
background-repeat:no-repeat;
width:224px;
}
/*
-------------------------*/
/*LEFTナビゲーション　コラム
-------------------------*/
#l_column {
padding:10px 0 10px 0;
margin:0;
background-image:url(../images/bg_06.gif);
background-repeat:repeat-y;
text-align:left;
}
#l_column_navi {
padding:0 0 5px 0;
margin:0 10px 0 10px;
text-align:left;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
}
#l_collumn_tit {
padding:0;
margin:0;
border-bottom:1px solid #CCCCCC;
}
#l_column_navi ul {
list-style:none;
padding:0;
margin:5px 0 0 0;
}
#l_column_navi li {
padding:1px 5px 1px 20px;
margin:0;
background-image:url(../images/icn_02.gif);
background-repeat:no-repeat;
background-position:8px 5px;
font-size:0.75em;
line-height:120%;
}

#l_column_navi a {
color:#666666;
text-decoration:underline;
}
#l_column_navi a:hover {
color:#B51616;
text-decoration:underline;
}


/*
-------------------------*/
/*ナビゲーション
-------------------------*/
#lnavi {
padding:0;
margin:0;
text-align:left;
}

#lnavi ul {
list-style:none;
padding:0;
margin:0;
}
#lnavi ul li {
background-image:url(../images/line_01.gif);
background-position:bottom left;
background-repeat:repeat-x;
padding:7px 0 6px 0;
margin:0;
font-size:0.75em;
}

#lnavi ul li a {
display:block;
padding:1px 4px 2px 33px;
margin:0;
background-image:url(../images/icn01.gif);
background-position:12px 4px;
background-repeat:no-repeat;
}
#lnavi .last {
padding:7px 0 6px 0;
margin:0;
font-size:0.75em;
background-image:none;
}

#lnavi .last a {
display:block;
padding:1px 4px 2px 33px;
margin:0;
background-image:url(../images/icn01.gif);
background-position:12px 4px;
background-repeat:no-repeat;
}


/*
-------------------------------------------------------------------*/
/*共通スタイル
-------------------------------------------------------------------*/
/*
-------------------------*/
/*バナーエリア
-------------------------*/
#bannerarea {
padding:15px 0 0 0;
margin:0;
text-align:center;
}

/*
-------------------------*/
/*ブログバナーエリア
-------------------------*/
#blogbannerarea {
padding:30px 0 0 0;
margin:0;
text-align:center;
}
#blogbannerarea .blogbanner {
padding:0 0 5px 0;
margin:0;
}

/*
-------------------------*/
/*アクセスマップ
-------------------------*/
#accessmap {
padding:25px 0 0 0;
margin:0;
text-align:center;
}
#map {
padding:0 0 5px 0;
margin:0;
}
#info {
padding:0;
margin:0;
line-height:130%;
font-size:0.75em;
}

/*
-------------------------*/
/*アクセスカウント
-------------------------*/
#myct {
padding:40px 0 0 0;
margin-top:0;
margin-bottom:0;
margin-left:25px;
margin-right:15px;
text-align:left;
line-height:130%;
font-size:11px;
color:#FFFFFF;
}



/*
-------------------------*/
/*メイン部分
-------------------------*/
#main {
float:right;
padding:0 0 50px 0;
margin-left:0;
margin-right:1px;
margin-top:0;
margin-bottom:0;
width:699px;
text-align:center;
}

/*
-------------------------*/
/*メインコンテンツ部分
-------------------------*/
#maincontents {
margin-top:0;
margin-right:45px;
margin-bottom:0;
margin-left:44px;
padding:0;
text-align:left;
}

#btnarea {
float:right;
margin-top:0;
margin-right:0;
margin-bottom:0;
margin-left:0;
padding:40px 0 0 0;
text-align:right;
}
#btnarea .btns {
margin:0;
padding:5px 0 0 0;
}




/*
-------------------------------------------------------------------*/
/*フッター
-------------------------------------------------------------------*/
#footer {
padding:15px 0 20px 0;
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
width:950px;
border-top:4px solid #B51616;
text-align:left;
background-color:#3F3F3F;
}
/* リンクカラー
---------------------------------------------------- */
#footer a {
color:#D9D9D9;
text-decoration:underline;
}
#footer a:link {
color:#D9D9D9;
text-decoration:underline;
}
#footer a:visited {
color:#D9D9D9;
text-decoration:underline;
}
#footer a:hover {
color:#FFFFFF;
text-decoration:underline;
}
#footer #footer_l {
padding:0;
margin:0;
width:465px;
float:left;
}
#footer_l .footertext {
padding:0 0 0 15px;
margin:0;
font-size:11px;
line-height:120%;
color:#cccccc;
}
#footer_r {
padding:0;
margin:0;
width:465px;
text-align:right;
float:right;
}
#footerlink {
padding:0 15px 0 0;
margin:0;
font-size:11px;
line-height:120%;
color:#cccccc;
}
#footercopy {
padding:4px 15px 0 0;
margin:0;
font-size:11px;
line-height:120%;
color:#cccccc;
}

/*
-------------------------------------------------------------------*/
/*共通スタイル
-------------------------------------------------------------------*/
/*
-------------------------*/
/*パンくず
-------------------------*/
#breadcrumbs {
margin:0;
padding:0 45px 0 44px;
height:24px;
border-bottom:1px solid #cccccc;
text-align:left;
}
#bread {
margin:0;
padding:4px 0 0 0;
font-size:11px;
}
.B_crumbBox {
margin:0;
padding:6px 0 0 0;
font-size:11px;
}
.B_hideCrumb {
margin:0;
padding:6px 0 0 0;
font-size:11px;
}
.B_currentCrumb {
margin:0;
padding:6px 0 0 0;
font-size:11px;
}
.B_firstCrumb {
margin:0;
padding:6px 0 0 0;
font-size:11px;
}
.B_lastCrumb {
margin:0;
padding:6px 0 0 0;
font-size:11px;
}
.B_crumb {
margin:0;
padding:6px 0 0 0;
font-size:11px;
}
.B_homeCrumb {
margin:0;
padding:6px 0 0 0;
font-size:11px;
}


/*Lバナー
-----------------*/
#lbanner { 
margin:70px 0 0 0;
padding:0;
}
#lbanner p { 
margin:5px 0 0 0;
padding:0;
}



/*お問い合わせ
-----------------*/
#inquiry {
margin:40px 0 0 0;
padding:0;
}
#inquirytext {
margin:10px 0 0 0;
padding:0;
font-size:12px;
line-height:150%;
}
#inquiry h4 {
margin:0;
padding:0;
}

#inquiryblk {
margin:10px 0 0 0;
padding:10px 10px 10px 10px;
font-size:12px;
line-height:150%;
background-color:#FFFFEB;
border:1px solid #cccccc;
}
#inquiryblk h5 {
margin:0;
padding:0 0 10px 0;
}

#inquiryblk .errors {
margin:5px 0 5px 0;
padding:5px 5px 5px 5px;
color:#B20000;
background-color:#FFFF33;
}
#inquiryblk .tblptn1 {
margin:0;
padding:0;
}
#inquiryblk .tblptn1 .cell01 {
margin:0;
padding:2px 10px 2px 0;
font-size:12px;
line-height:150%;
}
#inquiryblk .tblptn1 .cell02 {
margin:0;
padding:2px 10px 2px 0;
font-size:12px;
line-height:150%;
}


#inquiryblk .tblptn1 .cell02 .notice {
font-size:11px;
line-height:120%;
}
.w270 {
width:270px;
}
.w470 {
width:470px;
}