@import "style.css";

/* style.cssの上書き(base用)
******************************************/
h2{
    margin: 15px 0 0 0;
	min-height: 21px;
}
img{
    border: none;
}
input[type="image"]{
    margin: 0;
    padding: 0;
}
#foot{
    clear: both;
}
.centerBlock{
    clear:both;
    text-align: center;
    margin: 0;
}


/* 共通
******************************************/
.wrapper{
/*    max-width: 320px;*/
    overflow: hidden;
    margin: 0 auto;
}
#footerInfo ul li{
    min-height: 20px;
    background: url('../img/ico_circle_blue.gif') no-repeat left 2px;
    padding: 0 0 0 20px;
}
.goPageTop{
    clear: both;
    text-align:right;
}
.goPageTop a{
    color: #333333;
    font-weight: bold;
    text-decoration: none;
    background: url('../img/ico_triangle_blue.gif') no-repeat left center;
    padding: 0 0 0 13px;
}
.headTitle{
    background: url('../img/head_bg.png') repeat-x left top;
    border-bottom: #BFE5F2 solid 2px;
    padding: 5px 0 3px 0;
    margin: 10px 0 0 0;
    line-height: 1;
}
.headTitle h2{
    float: left;
    background: url('../img/head_bg_asterisk.png') no-repeat left top;
    margin: 0 0 0 10px;
    padding: 2px 0 0 20px;
    color: #999999;
    font-weight: bold;
	min-height: 17px;
}
.headTitle span{
    float: right;
    color: #CDCDCD;
    letter-spacing: 2px;
    font-weight: bold;
}
p.asterisk{
	text-indent: -1em;
	padding-left: 1em;
}
.price{
    color: #FF0000;
}
.textLink{
    text-align: right;
}
.textLink a{
    text-decoration: none;
}
.worryBlock{
    width: 314px;
    margin: 0 auto;
    padding: 5px 0 0 0;
}

/* 回り込みクリア */
#login:after,
.headTitle:after,
#head ul:after,
#head:after,
#header ul.headBt:after,
#header ul#login:after,
#headLink ul:after,
.UserExperiences dl:after,
.UserExperiences ul:after,
.slideBox:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	font-size: 0;
}




/* PR
******************************************/
.headPR{
    width: 95%;
    margin: 10px auto;
    text-align: center;
    color: #1F4C79;
    line-height: 100%;
}

/* ヘッダ
******************************************/
#head h1,
#head a{
    color: #ffffff;
    text-decoration: none;
}
#head h1{
    text-align:center;
}
#head li{
    float: left;
    margin: 0 10px 0 0;
}
#head ul#glmenu{
    float: right;
}
#header{
    clear: both;
    background: url('../img/top_bg_herder.gif') repeat-x 0 0;
    padding: 3px 0;
}
#header #toplogo{
	float: left;
	width:150px;
	height:40px;
    background-image: url('../img/logo.gif');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size:contain;
    -webkit-background-size: 100% 100%;
    overflow:hidden; 
    text-indent:-9999px; 
}
#header #memberlogo{
	float: left;
	width:50%;
	height:50px;
    background-image: url('../img/img_cart_myLC.jpg');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size:contain;
    -webkit-background-size: 100% 100%;
    overflow:hidden; 
    text-indent:-9999px; 
}
#header ul{
    float: right;
    width: 91px;
    line-height: 0;
}
#header ul li{
    float: left;
}
#header #login{
    width: 165px;
}
#headerTitle #toplogo{
	float: left;
    overflow:hidden; 
    width: 30%;
    padding-top:20px;
}
#headerTitle  ul #login {
    float: right;
    line-height: 0;
    width: 75%;
}

#headerTitle  ul #login li {
    float: left;
    width: 20%;
    text-align:center;
    margin-right: auto;
    margin-left: auto;
    padding-right: auto;
    padding-left: auto;
}
#headerTitle  div #login {
    float: right;
    line-height: 0;
    width: 70%;
    text-align:right;
}

#headerTitle  div #login div {
    float: left;
    width: 25%;
}

/* ヘッダリンク
******************************************/
#headLink ul li{
    float: left;
    margin: 10px 5px 0 0;
}
#headLink ul span.current{
    display: block;
    width: 130px;
    color: #ffffff;
    background: #3994be;
    text-align: center;
    padding: 5px 10px;
}
#headLink ul a{
    display: block;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
#headLink .linkBt1{
    text-align: center;
    width: 210px;
    margin: 0 auto;
}
#headLink .linkBt1 a{
    display: block;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    background: #ff6666;
    padding: 5px 10px;
    margin:0 0 3px 0;
}
#headLink .linkBt2 a{
    width: 130px;
    background: #e6f2fd;
    padding: 5px 10px;
	border:1px solid #3994be;
	color:#3994be;
}

/* 検索ボックス
******************************************/
.search{
    background:#7fabd8 url('../img/bg_linebox_blg.gif') left top;
    margin: 0 auto;
    padding: 10px 0;
}
.search form{
    text-align: center;
}
.search input[type="text"],
.search select{
    display: block;
    width: 70%;
    margin:0 auto 5px auto;
    vertical-align:middle;
    border:1px solid #cbddef;
}
.search select{
    display: inline-block;
    width: 70%;
}
.search input[type="image"]{
    margin: 0 0 0 5px;
}


/* siteSearch　検索結果/コラム
******************************************/

/* 改造版
******************************************/
.UserExperiences dl.user_colum {
    margin: 0 0 5px 0;
    padding:5px 10px 5px 0px;
    border-bottom: dotted 2px #CECEAD;
}
.UserExperiences dl.user_colum dt,
.UserExperiences dl.user_colum dd {
    margin: 0 0 0 10px;
}
.UserExperiences dl.user_colum img {
	margin: 2px 0 0 5px;
}




/* 元（3までだと明らかに足りない）
******************************************/
.UserExperiences dl.user1,
.UserExperiences dl.user2,
.UserExperiences dl.user3 {
    min-height: 82px;
//    background: #fff url('../img/img_active.jpg') no-repeat 0 5px;
    margin: 0 0 5px 0;
    padding:5px 10px 5px 0px;
    border-bottom: dotted 1px #C0C0C0;
}
.UserExperiences dl.user1 dt,
.UserExperiences dl.user1 dd,
.UserExperiences dl.user2 dt,
.UserExperiences dl.user2 dd,
.UserExperiences dl.user3 dt,
.UserExperiences dl.user3 dd {
    margin: 0 0 0 90px;
//    margin: 0 0 0 0px;
}
.UserExperiences dt span{
    display: block;
    color: #32ACD4;
    font-weight: bold;
    margin: 0 10px 0 0;
}

.UserExperiences dl.user1 img,
.UserExperiences dl.user2 img,
.UserExperiences dl.user3 img{
	float: left;
}


.UserExperiences dd a{
    color: #32ACD4;
}/*
.UserExperiences p{
    text-align:center;
}*/
.contentBt{
    width: 306px;
    margin: 10px auto 0 auto;
}
.contentBt li{
    float: left;
    margin: 0 3px 0 0;
}

/* siteSearch　検索結果/体験談
******************************************/
.UserExperiences dl.userSearchList {
    min-height: 82px;
    margin: 0 0 5px 0;
    padding:5px 10px 5px 0px;
    border-bottom: dotted 1px #C0C0C0;
}
.UserExperiences dl.userSearchList dt,
.UserExperiences dl.userSearchList dd {
    margin: 0 0 0 90px;
}

.UserExperiences dl.userSearchList img {
	float: left;
}

/* LCの商品作り
******************************************/
.UserExperiences{
    padding: 0;
}
.UserExperiences dl.content dd{
/*    width: 320px;
    margin:0 auto;*/
    float: left;
    padding: 0 0 0 5px;
}
.UserExperiences dl.content dt{
    clear:both;
    padding: 10px 0 0 0;
}
.UserExperiences li{
    float: left;
    margin: 0 3px 0 0;
}
/*
#UserExperiences, #footerInfo {
    margin: 8px 0 0 0;
}*/
.deliverPoint{
    width: 248px;
    margin: 0 auto;
}
.deliverPoint img{
	margin-left:1px;
}


/* テキストリンクメニュー
******************************************/
.menu{
    margin: 5px;
    border-top: dotted 1px #C0C0C0;
}
.menu ul li{
    background: url('../img/ico_goright.gif') no-repeat 99% 50%;
    border-bottom: dotted 1px #C0C0C0;
}
.menu ul li a{
    display: block;
    padding: 3px 0 2px 35px;
    text-decoration: none;
    background: ;
}
.menu .beginner{
    background: url('../img/ico_beginner.png') no-repeat 8px 50%;
}
.menu .showNewItem{
    background: url('../img/ico_new.gif') no-repeat 5px 50%;
}
.menu .ranking{
    background: url('../img/ico_ranking.gif') no-repeat 5px 50%;
}
.menu .limit{
    background: url('../img/ico_limit.gif') no-repeat 5px 50%;
}
.menu .worried{
    background: url('../img/ico_worried.gif') no-repeat 5px 50%;
}
.menu .kuchikomi{
    background: url('../img/ico_kuchikomi.gif') no-repeat 5px 50%;
}
.menu .interview{
    background: url('../img/ico_interview.gif') no-repeat 5px 50%;
}
.menu .plan{
    background: url('../img/ico_plan.gif') no-repeat 5px 50%;
}
.menu .column{
    background: url('../img/ico_column.gif') no-repeat 5px 50%;
}
.menu .enquate{
    background: url('../img/ico_enquate.gif') no-repeat 5px 50%;
}
.menu .test{
    background: url('../img/ico_test.gif') no-repeat 5px 50%;
}
.menu .story{
    background: url('../img/ico_story.gif') no-repeat 5px 50%;
}
.menu .comic{
    background: url('../img/ico_comic.gif') no-repeat 5px 50%;
}
.menu .blog{
    background: url('../img/ico_blog.gif') no-repeat 5px 50%;
}
.menu .hotelSearch{
    background: url('../img/ico_hotel.gif') no-repeat 5px 50%;
}
.menu .twit{
    background: url('../img/ico_twitter.png') no-repeat 5px 50%;
}
.menu .tellLC{
    background: url('../img/ico_tell.png') no-repeat 5px 50%;
}
.menu .helth{
    background: url('../img/ico_helth.gif') no-repeat 5px 50%;
}
.menu .media{
    background: url('../img/ico_media.gif') no-repeat 5px 50%;
}
.menu .flash{
    background: url('../img/ico_flash.gif') no-repeat 5px 50%;
}
.menu .package{
    background: url('../img/ico_package.gif') no-repeat 5px 50%;
}
.menu .qa{
    background: url('../img/ico_qa.gif') no-repeat 5px 50%;
}
.menu .melmaga{
    background: url('../img/ico_melmaga.gif') no-repeat 5px 50%;
}
.menu .contact{
    background: url('../img/ico_contact.gif') no-repeat 5px 50%;
}
.menu .pc{
    background: url('../img/ico_pc.gif') no-repeat 5px 50%;
}


/* 2011.07.04 add
******************************************/
.menu .onayami{
    background: url('../img/ico_onayami.gif') no-repeat 5px 50%;
}
/* 2011.09.01 add
******************************************/
.menu .facebook{
    background: url('../img/ico_facebook.gif') no-repeat 5px 50%;
}
.menu .lciine{
    background: url('../img/ico_lciine.gif') no-repeat 5px 50%;
}

/* 2011.09.05 add
******************************************/
.menu .mail-list{
    background: url('../img/ico_mail_list.gif') no-repeat 5px 50%;
}


/* メニュー大きいもの
******************************************/
.menuBig{
    margin: 5px;
    border-top: dotted 1px #C0C0C0;
}
.menuBig ul li{
	font-size: large;
    background: url('../img/ico_goright.gif') no-repeat 99% 50%;
    border-bottom: dotted 1px #C0C0C0;
}
.menuBig ul li a{
    display: block;
    padding: 3px 0 2px 35px;
    text-decoration: none;
    background: ;
}

/* お約束
******************************************/
.promiss{
    margin: 10px 10px;
}
.promiss h3{
    color: #6699CC;
    background: url('../img/ico_mini_asterisk.gif') no-repeat left top;
    padding: 0 0 0 16px;
}
.promiss ul li{
    list-style: disc outside;
     line-height: 1.2;
   margin: 0 0 0 16px;
}
.promiss a{
    color: #333333;
    text-decoration: none;
}


/* スライダー
******************************************/
.slideBox .left-button,
.slideBox .right-button{
    float: left;
}
.slideBox .simpleSlide-window{
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}
.slideBox a{
    text-decoration: none;
}

/* 全ページ共通フッタ
******************************************/
#footerInfo{
    padding: 5px 0 10px 10px;
    line-height: 1.5em;
}
#footerInfo a{
    color: #333333;
	text-decoration: none;
	vertical-align: middle;
}
#infoPrivacy{
    border-top: #cccccc solid 1px;
    background: #fff url('../img/top_bg_headline.gif') repeat-x left top;
    margin: 10px 0 0 0;
    padding: 10px 10px;
}
#infoPrivacy dt{
    color: #8cb3da;
}
#infoPrivacy img{
    margin: 0 8px;
}
#foot p{
    margin: 1em 0 0 0;
}