/* CSS Document */

body, body.wp-admin{
 padding-top:0!important;
}

/* ========== universal style ========== */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 15px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 15px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

*{
	margin:0px;
	padding:0px;
	/*letter-spacing:-0.7px;*/
}

img{
	border:0px;
}

ul,dl,ol,li{
	list-style-type:none;
	list-style-position:outside;
}

body{
	margin:0;
	background:#CFDADA;
	color:#333;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3",メイリオ,"ＭＳ Ｐゴシック",sans-serif;
	line-height:16px;
}
/* clearfix */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {
	display: inline-table;
	min-height: 1%;/* forIE7 */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.outside{
	padding-left:18px;
	background:url(../img/common/icon-outside.gif) no-repeat 2px 4px;	
}

p{
	line-height:160%;
}

.clear{
	clear:both;
}

.align-right,.align-right-nohead{
	padding-top:10px;
	text-align:right;
}

.align-right a{
	padding-left:7px;
	background:url(../img/common/icon-arrow1.gif) no-repeat 0 center;
}

.align-right-nohead a{
	padding-left:0;
	background:none;
}

.title-h5{
	margin-bottom:10px;
}

.arrow a{
	padding-left:7px;
	background:url(../img/common/icon-arrow1.gif) no-repeat 0 center;
	margin-right:12px;
}

.circle a{
	padding-left:9px;
	background:url(../img/common/icon-circle.gif) no-repeat 1px 7px;
	margin-right:12px;
}

.color-grey{
	color:#999;
}

.smltxt{
	font-size:11px;
}

.color-red{
	font-size:14px;
	color:#C70623;
	font-weight: bold;
}

/* ========== commenttextarea style ========== */

textarea {  
    resize: none;  
    overflow: auto;  
} 


div.grippie {
	        background:#EEEEEE url(../img/common/grippie.png) no-repeat scroll center 2px;
	        border-color:#DDDDDD;
	        border-style:solid;
	        border-width:0pt 1px 1px;
	        cursor:s-resize;
	        height:9px;
	        overflow:hidden;
	    }
	    .resizable-textarea textarea {
	        display:block;
	        margin-bottom:0pt;
	        width:95%;
	        height: 20%;
}

/* ========== anchor style ========== */

a:link{
	color:#1B4F75;
	text-decoration:none;
}

a:visited{
	color:#1B4F75;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a:active{
	text-decoration:underline;
}


/* ========== wrapper style ========== */

div#wrapper{
	width:964px;
	margin:0 auto;
}

span.back-good{
	width:34px;
	height:19px;
	background:url(../img/common/back-good.gif) no-repeat 1px 2px;
	font-size:10px;
	padding:4px 8px 16px 20px;
	position: relative;
	bottom:6px;
}

*:first-child+html img.goodbtn{
	display: inline;
}

/* ========== hdr style ========== */

div#section-hdr1{
	width:auto;
	float:right;
}

div#section-hdr1 ul{
	width:auto;
	float:left;
}

div#section-hdr1 ul li{
	width:auto;
	float:left;
	margin-left:5px;
}

div#section-share{
	float:left;
	padding:5px 3px 1px 2px;
	background:#DEE0E0;
}

div#section-share li {
	border-left:1px dotted #848486;
	padding:0 0 0 10px;
	line-height: 0;
	height: 20px;
}

div#section-share li.share-twi{
	width:auto;
	margin-left:10px;
}

iframe.twitter-share-button {
    width: 105px!important;
}


div#section-share li.share-twi img{
	display:none;
}

div#section-share li#title-share{
	padding:4px 5px 0 3px;
	border:none;
}

div#section-hdr2{
	width:964px;
	clear:both;
	padding-top:15px;
	position: relative;
}

*:first-child+html div#section-hdr2{
	margin-bottom:5px;
}

div#section-hdr2 p#logo{
	float:left;
	padding-left:3px;
}

div#member{
	width:auto;
	float:right;
}

div#member p{
	float:left;
	margin-left:10px;
}

p#welcome{
	margin-top:5px;
}

p#welcome span{
	font-size:16px;
	color:#1B4F75;
}

div#member ul{
	clear:both;
	float:right;
	font-size:11px;
	margin-top:7px;
}

*:first-child+html div#member ul{
	float:none;
	position: absolute;
	right:0;
	padding-bottom:5px;
}


div#member ul li{
	float:left;
	margin-left:20px;
}

div#member ul li{
	padding-left:7px;
	background:url(../img/common/icon-arrow1.gif) no-repeat 0 center;
}

div#member ul li#beginner{
	padding-left:16px;
	background:url(../img/common/icon-beginner.gif) no-repeat 0 top;
}


/* ========== gnavi style ========== */

div#gnavi{
	clear:both;
	padding-top:12px;
	position: relative;
	z-index:1;
}

*:first-child+html div#gnavi li{
	line-height: 0;
}



*:first-child+html ul.sub_menu li a{
	display: block;
	text-decoration:none;
	line-height:normal;
}


div#gnavi li a{
	margin:0;
	padding:0;
	border:none;
}

div#gnavi li a#g-home{
	width:139px;
	height:54px;
	background: url(../img/common/g-home.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#c-home,div#gnavi li a#g-home:hover{
	width:139px;
	height:54px;
	background: url(../img/common/g-home_o.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#g-news{
	width:137px;
	height:54px;
	background: url(../img/common/g-news.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#c-news,div#gnavi li a#g-news:hover{
	width:137px;
	height:54px;
	background: url(../img/common/g-news_o.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#g-message{
	width:137px;
	height:54px;
	background: url(../img/common/g-message.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#c-message,div#gnavi li a#g-message:hover{
	width:137px;
	height:54px;
	background: url(../img/common/g-message_o.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#g-profile{
	width:137px;
	height:54px;
	background: url(../img/common/g-profile.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#c-profile,div#gnavi li a#g-profile:hover{
	width:137px;
	height:54px;
	background: url(../img/common/g-profile_o.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#g-gallery{
	width:137px;
	height:54px;
	background: url(../img/common/g-gallery.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#c-gallery,div#gnavi li a#g-gallery:hover{
	width:137px;
	height:54px;
	background: url(../img/common/g-gallery_o.png) no-repeat;
	text-indent: -999em;
	float:left;
}
div#gnavi li a#g-cafe{
	width:137px;
	height:54px;
	background: url(../img/common/g-cafe.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#g-cafe:hover{
	width:137px;
	height:54px;
	background: url(../img/common/g-cafe_o.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#g-store{
	width:137px;
	height:54px;
	background: url(../img/common/g-store.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#g-club{
	width:140px;
	height:54px;
	background: url(../img/common/g-club.png) no-repeat;
	text-indent: -999em;
	float:left;
}

div#gnavi li a#c-club,div#gnavi li a#g-club:hover{
	width:140px;
	height:54px;
	background: url(../img/common/g-club_o.png) no-repeat;
	text-indent: -999em;
	float:left;
}

/* ========== topicpath style ========== */

div#topicpath{
	clear:both;
	padding:0 0 11px 5px;
}

div#topicpath li{
	width:auto;
	float:left;
	font-size:11px;
	line-height: 10%;
}

*:first-child+html div#topicpath{
	padding:0 0 5px 5px;
}

*:first-child+html div#topicpath li{
	line-height: 120%;
}

/* ========== ftr style ========== */

div#ftr{
	clear:both;
	font-size:12px;
	padding-top:30px;
}

div#section-ftr1{
	width:282px;
	height:200px;
	padding:0 20px;
	float:left;
	border-left:1px dotted #909898;
	border-right:1px dotted #909898;
}

div#section-ftr1 p{margin:5px 0 0}

div#section-ftr1 p#twiban{
	margin-top:0px;
}

div#section-ftr2{
	width:260px;
	height:200px;
	padding:0 20px;
	float:left;
	border-right:1px dotted #909898;
}

div#mobile{
	width:131px;
	float:left;
	text-align:center;
}

div#mobile li{
	margin-top:5px;
}

p#qr{
	width:auto;
	float:left;
	margin:8px 0 20px 24px;
}

div#section-ftr3{
	width:298px;
	height:200px;
	padding:0 20px;
	float:left;
	border-right:1px dotted #909898;
}

div#mailadress{
	width:284px;
	background:url(../img/common/back-mailadress.gif) repeat;
	margin-top:10px;
	padding:15px 0 10px 15px;
	position: relative;
}

div#mailadress form input#email{
	width:258px;
	height:22px;
	border:1px solid #ccc;
	margin-top:10px;
	padding-top:3px;
	color:#999;
}

div#mailadress form input#s2email{
	width:263px;
	height:22px;
	border:1px solid #ccc;
	margin-top:10px;
	padding-top:3px;
	padding-left:5px;
	color:#999;
}

div#mailadress form input#btn-register{
	width:138px;
	height:25px;
	background:url(../img/common/btn-ftrregister.gif) no-repeat;
	text-indent:-999em;
	border:none;
	margin:5px 15px 3px 5px;
	float:right;
	cursor: pointer;
}

div#mailadress form input#btn-register:hover{
	background:url(../img/common/btn-ftrregister_o.gif) no-repeat;

}

div#mailadress p.s2_error{
	width:125px;
	float:left;
	color:#C00;
	font-weight:bold;
	font-size:11px;
	line-height: 110%;
	margin:5px 0 0 0;
	padding-top:0;
}

*:first-child+html div#mailadress p.s2_error{
	position: absolute;
	top:68px;
}

div#mailadress p.s2_message{
	color:#C00;
	font-weight:bold;
	font-size:11px;
	line-height: 120%;
	margin:5px 0 0 0;
}

div#mailadress p.s2_message2{
	font-weight:bold;
	font-size:11px;
	line-height: 120%;
	margin:5px 0 0 0;
}

div#mailadress p.s2_message2 a{
 	padding-left:7px;
	background:url(../img/common/icon-arrow1.gif) no-repeat 0 center;
	margin:15px 16px 0 0;
	float: right;
}

div#section-ftr4{
	clear:both;
	padding-top:30px;
	font-size:11px;
}

div#section-ftr4 ul,div#section-ftr4 li{
	width:auto;
	float:left;
}

div#section-ftr4 li a{
	padding-left:7px;
	background:url(../img/common/icon-arrow1.gif) no-repeat 0 center;
	margin-right:12px;
}

div#copyright{
	width:auto;
	float:right;
	text-align:right;
}


div#copyright p.logo-company{
	width:auto;
	float:left;
	margin:10px 0 10px 20px;
}

div#copyright p.ssu{
	margin-top:19px;
}

*:first-child+html div#section-ftr4{
	margin-bottom:10px;
}