/* このファイルはUTF8です */

/* Eric Meyer Reset CSS
-------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Basic
-------------------------------------------------- */
html{
	font-size: 62.5%;
}

body{
	font-size: 12px;
	font-size: 1.2rem;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
	text-align: center;
	line-height: 1.5;
}

b{
	font-weight: bold;
}

a{
	color: #0088cc;

}

a:hover{
	color: #00aaee;
	text-decoration: none;
}

.f-left{
	float: left;
}

.f-right{
	float: right;
}

.clearfix{
	overflow: hidden;
	zoom: 1;
}

br.clear{
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	border: none;
	background: none;
}

.t-left{
	text-align: left;
}

.t-right{
	text-align: right;
}

.t-center{
	text-align: center;
}

.red{
	color: #f00;
}

.blue{
	color: #00f;
}
.green{
	color: #0f0;
}

.info-box {
	padding: 5px 12px 0px 12px;
}

.date{
	color: #777;
}

.pdf{
	display: inline-block;
	padding-left: 25px;
	background: url(../imgs/share/icon-pdf.gif) left 50% no-repeat;
	line-height: 2;
}

.btn{
	display: inline-block;
	padding: 8px 12px;
	border-radius: 3px;
	background: #0088cc;
	border: 1px solid #0066aa;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
}

.btn:hover{
	background: #0099dd;
	color: #fff;
}

.btn.small{
	padding: 6px 10px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1;
	font-weight: normal;
}

.btn.orange{
	background: #f60;
	border: 1px solid #e80;
}

.btn.green{
	background: #090;
	border: 1px solid #383;
}
.btn.mosgreen{
	background: #050;
	border: 1px solid #383;
}
.btn.red{
	background: #900;
	border: 1px solid #833;
}
.btn.blue{
	background: #239;
	border: 1px solid #336;
}

.label{
	display: inline-block;
	padding: 2px 5px 1px;
	background: #bbb;
	color: #fff;
	font-size: 10px;
	font-size: 1.0rem;
	text-decoration: none;
	margin-right: 2px;
}

.label.new{
	background: #f00;
}

.label.old{
	background: #CCC;
}

.label.cool{
	background: #66f;
}

.label.update{
	background: #f55;
}

.label.type{
	background: #333;
}

.label.big{
	display: inline-block;
	padding: 2px 5px 1px;
	background: #989898;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	margin-right: 2px;
}

.sns-btn{
	text-align: right;
}

.sns-btn .fb-btn{
	display: inline-block;
}

.sns-btn .g-plus-btn{
	display: inline-block;
	width: 60px;
	margin-left: 6px;
	overflow: hidden;
}

.wrapper{
	width: 980px;
	padding: 0 20px;
	margin: 0 auto;
	text-align: left;
}

#main{
	overflow: hidden;
	zoom: 1;
	margin-top: 20px;
}

.tiny_hole {
	max-width:50px;
}

.tab{
	padding-left: 10px;
	border-bottom: 1px solid #ddd;
	font-size: 0;
}

.tab li{
	display: inline-block;
	padding: 10px;
	margin-bottom: -1px;
 	color: #0088cc;
	font-size: 14px;
	font-size: 1.4rem;
	cursor: pointer;
	vertical-align: bottom;
}

.tab li:hover{
	color: #00aacc;
}

.tab li.select{
	border: 1px solid #ddd;
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
	font-weight: bold;
}

.tab li a{
	text-decoration: none;
}

.content_wrap{
	position: relative;

	padding: 15px 0;
	background: #fff;
}

.tab.graytab{
	z-index: 100;
	border-bottom: 1px solid #bbb;
}

.tab.graytab li{
	padding: 0;
	margin-left: -1px;
	background: #eee;
	border: 1px solid #bbb;
	font-size: 14px;
	font-size: 1.4rem;
}

.tab.graytab li a{
	display: block;
	color: #000;
	padding: 10px 8px;
}

.tab.graytab li.nolink, .tab.graytab .nostyle{
	color: #333;
	padding: 10px 8px;
}

.tab.graytab li h2{
	font-size: inherit !important;
	margin-bottom:0px;
}

.tab.graytab li a:hover{
	background: #ffffff;
}

.tab.graytab li.select{
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 3px solid #d00;
}

.tab.graytab li.select.orange{
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 3px solid #ff9320;
}

.tab.graytab li.select.blue{
	background: #ffffff;
	border-bottom: 1px solid #ffffff;
	border-top: 3px solid #5a5aff;
}

.graytab_content{
	padding: 30px 0 15px;
}

.disnon{
     display: none;
}

.responsive{
	display: none;
}

#topButton {
	display:none;
	position: fixed;
	bottom: -500px;
	right: 0;
	z-index:10000;
}

/* form
-------------------------------------------------- */
form input,
form textarea{
	padding: 8px;
	border: 1px solid #ddd;
	border-radius: 3px; 
	-webkit-appearance: none;
}


/* for Main Contents
-------------------------------------------------- */
.column2-1,
.column2-sub,
.column3-1,
.column3-2,
.column4-2,
.column4-2-block{
	margin-top: 20px;
	margin-right: -20px;
	font-size: 0;
}

.column2-1 .box,
.column4-2-block .box{
	width: 640px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	vertical-align: top;
}
.column2-sub .box {
	width: 620px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	vertical-align: top;
}
.column2-sub .box-sub {
	width: 300px;
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	vertical-align: top;
}

.column3-1 .box,
.column3-2 .box{
	width: 320px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 20px;
	font-size: 12px;
	vertical-align: top;
}

.column4-2 .box{
	overflow: hidden;
	zoom: 1;
	width: 240px;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 20px;
	font-size: 12px;
	vertical-align: top;
}

.column2-1 .box .image{
	text-align: center;
}

.column3-1 .box .image{
	text-align: left;
}

.column4-2-block .box .image{
	float: left;
	width: 250px;
	text-align: left;
	margin-right: -155px;
}

.column2-1 .box .image img{
	max-width: 100%;
	height: auto;
	width :auto;
}

.column3-1 .box .image img,
.column3-2 .box .image img,
.column4-2 .box .image img,
.column4-2-block .box .image img{
	max-width: 100%;
	height: auto;
	width :auto;
	margin-bottom: 5px;
}

.column2-1 .title,
.column3-1 .title,
.column3-2 .title,
.column4-2 .title{
	margin-bottom: 5px;
}

.column4-2-block .box .title{
	float: left;
	width: 240px;
	margin-left: 250px;
	margin-bottom: 5px;
}

.column4-2-block .box .label-area{
	width: 240px;
	margin-left: 250px;
	margin-bottom: 5px;
}

.column2-1 p,
.column3-1 p,
.column3-2 p,
.column4-2 p{
	margin-top: 0;
	margin-bottom: 15px;
}

.column4-2-block .box p{
	float: left;
	width: 240px;
	margin-left: 200px;
	margin-top: 0;
	margin-bottom: 15px;
}






/* product framework
-------------------------------------------------- */
#primary .product-header .product-logo{
	margin-top: 10px;
}

#primary .product-header .sns-btn{
	margin-bottom: 15px;
}

#primary .product-hero{
	margin-bottom: 30px;
}

#primary .product-hero .btn-area{
	margin-top: 15px;
	text-align: center;
}

#primary .product-hero .btn-area p{
	margin-top: 10px !important;
}

#primary .column2-1,
#primary .column3-1,
#primary .column3-2,
#primary .column4-2,
#primary .column4-2-block{
	margin-top: 20px;
	margin-right: -20px;
	font-size: 0;
}

#primary .column2-1 .box,
#primary .column4-2-block .box{
	width: 310px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: top;
}

#primary .column3-1 .box,
#primary .column3-2 .box{
	width: 200px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: top;
}

#primary .column4-2 .box{
	overflow: hidden;
	zoom: 1;
	width: 145px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: top;
}

#primary .column2-1 .box .image{
	text-align: center;
}

#primary .column3-1 .box .image{
	text-align: left;
}

#primary .column4-2-block .box .image{
	float: left;
	width: 155px;
	text-align: left;
	margin-right: -155px;
}


#primary .column5-2{
	margin-top: 10px;
	margin-right: -20px;
	font-size: 0;
}

#primary .column5-2 .box{
	overflow: hidden;
	zoom: 1;
	width: 120px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-right: 10px;
	margin-bottom: 20px;
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: top;
}

#primary .column2-1 .box .image img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}

#primary .column3-1 .box .image img,
#primary .column3-2 .box .image img,
#primary .column4-2 .box .image img,
#primary .column4-2-block .box .image img,
#primary .column5-2 .box .image img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
	margin-bottom: 5px;
}

#primary .column2-1 .title,
#primary .column3-1 .title,
#primary .column3-2 .title,
#primary .column4-2 .title,
#primary .column5-2 .title{
	margin-bottom: 5px;
}

#primary .column4-2-block .box .title{
	float: left;
	width: 145px;
	margin-left: 155px;
	margin-bottom: 5px;
}

#primary .column4-2-block .box .label-area{
	width: 145px;
	margin-left: 155px;
	margin-bottom: 5px;
}

#primary .column2-1 p,
#primary .column3-1 p,
#primary .column3-2 p,
#primary .column4-2 p,
#primary .column5-2 p{
	margin-top: 0;
	margin-bottom: 15px;
}

#primary .column4-2-block .box p{
	float: left;
	width: 145px;
	margin-left: 155px;
	margin-top: 0;
	margin-bottom: 15px;
}

#primary .detail-list li{
	margin-bottom: 20px;
}

#primary .detail-list .number{
	overflow: hidden;
	zoom: 1;
}

#primary .detail-list .number span{
	display: block;
	float: left;
	width: 24px;
	padding: 5px 0;
	margin-right: -30px;
	background: #d00;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	text-align: center;
}

#primary .detail-list .title{
	float: left;
	width: auto;
	margin-left: 30px;
	margin-top: 3px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	
}

#primary .detail-list .text{
	padding-left: 30px;
	margin-top: 0 !important;
}

#primary .spec-t th{
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
}

#primary .recommend-area{
	padding: 20px 20px 0;
	margin-top: 50px;
	margin-top: 50px;
	border: 1px solid #ddd;
	border-radius: 3px;
}

#primary .recommend-area ul{
	overflow: hidden;
	zoom: 1;
	margin-right: -20px;
	margin-top: 20px;
}

#primary .recommend-area li{
	overflow: hidden;
	zoom: 1;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px; 
}

#primary .recommend-area .image{
	float: left;
	width: 110px;
	margin-right: -110px;
}

#primary .recommend-area .image img{
		max-width: 100px;
		height: auto;
		width /***/:auto;
}

#primary .recommend-area .text{
	float: left;
	width: 179px;
	margin-left: 110px;

}

#primary .recommend-area .text h4{
	margin-top: 5px;
	font-size: 12px !important;
	font-size: 1.2rem !important;
}

#primary .recommend-area li .text p{
	margin-top: 5px !important;
}

@media screen and (max-width:568px){
	#primary .column2-1,
	#primary .column3-1,
	#primary .column3-2,
	#primary .column4-2,
	#primary .column4-2-block,
	#primary .column5-2{
		margin-right: 0;
	}
	
	#primary .column2-1 .box,
	#primary .column3-1 .box,
	#primary .column3-2 .box,
	#primary .column4-2 .box,
	#primary .column4-2-block .box,
	#primary .column5-2 .box{
		width: 100% !important;
		margin-right: 0;
	}

	#primary .column3-2 .box,
	#primary .column4-2 .box,
	#primary .column5-2 .box{
		overflow: hidden;
		zoom: 1;
	}

	#primary .column3-2 .box .image,
	#primary .column4-2 .box .image{
		float: left;
		width: 155px;
		margin-right: -155px;
	}

	#primary .column3-2 .box .image img,
	#primary .column4-2 .box .image img{
		max-width: 145px;
		height: auto;
		width /***/:auto;
	}

	#primary .column3-2 .box .title,
	#primary .column3-2 .box p,
	#primary .column3-2 .box ul,
	#primary .column4-2 .box .title,
	#primary .column4-2 .box p,
	#primary .column4-2 .box ul,
	#primary .column4-2-block .box .title,
	#primary .column4-2-block .box p,
	#primary .column4-2-block .box ul{
		float: left;
		width: auto;
		margin-left: 155px;
	}

	#primary .column5-2 .box .image{
		float: left;
		width: 100px;
		margin-right: -110px;
	}

	#primary .column5-2 .box .image img{
		max-width: 100px;
		height: auto;
		width /***/:auto;
	}

	#primary .column5-2 .box .title,
	#primary .column5-2 .box p,
	#primary .column5-2 .box ul{
		float: left;
		width: auto;
		margin-left: 110px;
	}
	
	#primary .recommend-area ul{
		margin-right: 0;
	}

	#primary .recommend-area ul li{
		margin-right: 0;
	}

	#primary .recommend-area ul li .text{
		float: none;
		width: auto;
		margin-right: 0;
	}

	.gcguide #primary .intro-area .column3-1{
		text-align: center !important;
	}

	.gcguide #primary .intro-area .column3-1 .box .box-inner{
		float: none !important;
		width: 200px !important;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
	}
}

/* #header
-------------------------------------------------- */
#header{
	line-height: 1.4;
}

#header .logo-area{
	position: relative;
	overflow: hidden;
	zoom: 1;
	padding-top: 36px;
}

#header #logo{
	float: left;
	margin-top: 10px;
}

#header .ads{
	float: right;
	margin-left: 10px;
}

#header .login-menu{
	float: right;
}

#header .menu-button{
	position: absolute;
	display: none;
	right: 0;
	top: 0;
	width: 62px;
	background: #fff;
	border-left: 1px solid #ddd;
	color: #000;
	line-height: 4.9;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

#header .menu-button.open{
	background: #000;
	color: #fff;
}

#header .description{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1020px;
	padding: 5px 0;
	background: #000;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
}

#navigation{
	display: block;
	width: 100%;
	min-width: 1020px;
	margin-top: 8px;
	background: #fff;
	border-bottom: 1px solid #eee;
}

#navigation ul{
	overflow: hidden;
	zoom: 1;	
}

#navigation ul li{
	float: left;
}

#navigation ul li a:hover,
#navigation ul li a.current{
	border-bottom: 3px solid #dd0000;
}

#navigation ul li a span{
	display: block;
	color: #999;
	font-weight: normal;
	font-size: 12px;
	font-size: 1.2rem;
}

#navigation ul {
	overflow: hidden;
	zoom: 1;
	background: url(../imgs/share/bgd-nav.jpg);
	padding: 0 0 0 1px;
}

#navigation ul li a {
	background: #fff;
	display: block;
	width: 162px;
	padding: 10px 0 7px;
	margin: 0 1px 0 0;
	border: none;
	border-bottom: 3px solid #000;
	color: #000;
	line-height: 1.5;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: center;
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#navigation ul li:last-child a {
	width: 163px;
}

#navigation ul li a:hover {
	border-bottom: 3px solid #000;
	background: #fafafa;
}

#navigation ul li a.current {
	border-bottom: 3px solid #dd0000;
	background: #fff;
}

.fixed{
	position: fixed;
	top: -10px;
	left: 0;
	z-index: 10000;
	opacity: 0.9;
}

.news-ticker{
	overflow: hidden;
	zoom: 1;
	padding: 10px 10px;
	margin: 0 auto 17px;
	border: 1px solid #e5e5e5;
	border-radius: 3px;
}

.news-ticker h2{
	float: left;
	width: 85px;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}

.news-ticker .ticker{
	overflow: hidden;
	float: left;
	width: 796px;
	height: 20px;
}

.ticker li{
	height: 40px;
}

#breadcrumb{
	margin: 20px 0;
	overflow: hidden;
	zoom: 1;
}

#breadcrumb li{
	float: left;
	margin-right: 7px;
}

/* #footer
-------------------------------------------------- */
#footer{
	min-width: 1020px;
	padding-bottom: 5px;
	background: #f9f9f9;
	border-top: 1px solid #eee;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.6;
	text-align: center;
}

#footer .regist{
	margin-top: 15px;
}

.footer-nav{
	overflow: hidden;
	zoom: 1;
	margin: 10px 0;
}

.footer-nav li{
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #ddd;
}

#footer small{
	display: block;
	margin: 10px 0;
}

/* #primary
-------------------------------------------------- */
#primary{
	float: left;
	width: 640px;
	margin-bottom: 15px;
}

#primary section{
	margin-bottom: 15px;
}

#primary h1{
	margin-bottom: 20px;
	font-size: 26px;
	font-size: 2.6rem;
}
#primary .ruby {
	margin-bottom: 20px;
        font-size: 16px;
        font-size: 1.6rem;
}

#primary h2{
	margin-bottom: 18px;
	font-size: 22px;
	font-size: 2.2rem;
}

#primary h3{
	margin-bottom: 20px;
	font-size: 18px;
	font-size: 1.8rem;
}

#primary h4{
	font-size: 16px;
	font-size: 1.6rem;
}

#primary .nostyle{
	margin-bottom: 0;
	font-size: inherit !important;
}

#primary p{
	margin-top: 20px;
}

#primary table,
#secondary table{
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
}

#primary table th,
#primary table td,
#secondary table th,
#secondary table td{
	padding: 7px;
	border: 1px solid #ddd;
	border-collapse: collapse;
}

#primary table th,
#secondary table th{
	background: #f9f9f9;
}

#primary .decoration-line{
	padding: 0.2em 10px;
	margin-bottom: 20px;
	background: #f9f9f9;
	border-top: 3px solid #000;
	font-size: 22px;
	font-size: 2.2rem;
}

#primary .decoration-line-red{
	padding: 0.2em 10px;
	margin-bottom: 20px;
	background: #f9f9f9;
	border-top: 3px solid #d00;
}

#primary .decoration-line-blue{
	padding: 0.2em 10px;
	margin-bottom: 20px;
	background: #f9f9f9;
	border-top: 3px solid #00d;
}

#primary .decoration-line-green{
	padding: 0.2em 10px;
	margin-bottom: 20px;
	background: #f9f9f9;
	border-top: 3px solid #0d0;
}

.icon-list{
	margin-right: -5px;
	font-size: 0;
}

.icon-list .icon{
	margin-right: 5px;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
}

.icon-list .icon img{
	max-width: 45px;
	height: auto;
	width :auto;
}

#primary .horizonal-list{
	margin-top: 5px;
}

#primary .horizonal-list li{
	overflow: hidden;
	zoom: 1;
	list-style-type: none;
	margin-bottom: 15px;
}

#primary .horizonal-list li .title,
#primary .horizonal-list li ul{
	float: left;
}

#primary .horizonal-list li .title{
	float: left;
	width: 85px;
	font-weight: bold;
}

#primary .horizonal-list li ul{
	max-width: 510px;
}

#primary .horizonal-list li ul li{
	float: left;
	margin-bottom: 0;
}

#primary .warning-box{
	padding: 12px 13px 12px 13px;
	margin-bottom: 10px;
	background: #ffeeee;
	border: 1px solid #ffcccc;
	border-radius: 3px;
}

#primary .warning-box .label{
	margin-right: 5px;
}

#primary .warning-box p{
	margin-top: 0px !important;
}

#primary .information-box{
	padding: 5px;
	margin-bottom: 10px;
	background: #eeeeff;
	border: 1px solid #ccccff;
	border-radius: 3px;
	margin-top: 8px;
}

#primary .information-box .label{
	margin-right: 5px;
}

#primary .information-box p{
	margin-top: 0px !important;
	margin-bottom: 10px;
}


/* #secondary
-------------------------------------------------- */
#secondary{
	float: right;
	width: 300px;
}

#secondary .widget-title{
	padding: 0.3em 10px;
	margin-bottom: 15px;
	border-top: 3px solid #000;
	background: #f9f9f9;
	font-size: 16px;
	font-size: 1.6rem;
}

#secondary .widget{
	margin-bottom: 30px;
}

#secondary .mypage{
	padding: 15px;
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 3px;
}

#secondary .mypage h3{
	margin-bottom: 15px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1;
}

#secondary .mypage .greeting .user-name{
	font-weight: bold;
}

#secondary .mypage .loginform{
	margin-top: 10px;
}

#secondary .mypage .loginform table{
	margin-bottom: 10px;
}

#secondary .mypage .loginform table td{
	padding: 0 5px 3px 0;
}

#secondary .mypage .loginform input{
	width: 160px;
}

#secondary .mypage .loginform .btn{
	width: 136px;
}

#secondary .mypage .regist{
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #ddd;
}

#secondary .mypage .regist p{
	margin-bottom: 10px;
}

#secondary .regist .btn{
	width: 274px;
	font-size: 17px;
	font-size: 1.7rem;
	text-align: center;
}

#secondary .regist p{
	width: 300px;
	margin: 10px auto 0;
}

#secondary .banner{
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}

#secondary .ads{
	text-align: center;
}

#secondary img{
	max-width: 300px;
	height: auto;
	width :auto;
}

#secondary .widget .course-data li{
	margin-bottom: 15px;
}

#secondary .widget .course-data li .date{
	display: block;
}

#secondary .widget .course-data li img{
	margin-top: 5px;
}

#secondary #ranking-area .content_wrap{
	float: left;
	margin-right: 10px;
}

#secondary #ranking-area .content_wrap img{
	float: left;
	margin-right: 10px;
}

#secondary #ranking-area .content_wrap .news-title{
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}

#secondary #ranking-area .content_wrap ul{
	margin-top: 5px;
}

#secondary #ranking-area .ranking-list li{
	overflow: hidden;
	zoom: 1;
	padding-bottom: 10px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #ddd;
}

#secondary #ranking-area .ranking-list li .image{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

#secondary #ranking-area .ranking-list li .rank{
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}

#secondary #ranking-area .ranking-list li .title{
	font-weight: bold;
}

#secondary #ranking-area .ranking-list li p{
	clear: both;
}

/* home
-------------------------------------------------- */
.home .slider-wrapper{
	min-width: 1020px;
	background: #fff;
	padding: 20px 0 0 0;
}

.home #slide{
	width: 980px;
	margin: 0 auto;
}

.home .bxslider{
	width: 980px;
}

.home .bx-wrapper .bx-pager,
.home .bx-wrapper .bx-controls-auto{
	position: absolute;
	top: -5px;
	right: 10px;
}

.home .bx-wrapper .bx-pager.bx-default-pager a{
	border-radius: 6px;
	background: #777;
	border: 1px solid #fff;
}

.home .bx-wrapper .bx-pager.bx-default-pager a.active,
.home .bx-wrapper .bx-pager.bx-default-pager a:hover{
	border-color: #fff;
	background: #000;
}

.bx-wrapper .bx-prev{
	left: 0 !important;
	width: 36px !important;
	height: 60px !important;
	margin-top: -30px !important;
	background: url(../imgs/ads/control-square.png) 0 -60px no-repeat !important;
}

.bx-wrapper .bx-prev:hover{
	background: url(../imgs/ads/control-square.png) 0 0 no-repeat !important;
}

.bx-wrapper .bx-next{
	right: 0 !important;
	width: 36px !important;
	height: 60px !important;
	margin-top: -30px !important;
	background: url(../imgs/ads/control-square.png) -36px -60px no-repeat !important;
}

.bx-wrapper .bx-next:hover{
	background: url(../imgs/ads/control-square.png) -36px 0 no-repeat !important;
}

.home #primary .product-area .column3-2 .box ul.model{
	margin-top: -10px;
}

.home #primary .product-area .column3-2 .box li:before{
	content: "\00BB\00a0";
}

.home #primary .product-area .column3-2 .box .label{
	margin-left: 5px;
}

.home #news-area .content_wrap .image{
	float: left;
	margin-right: 20px;
}

.home #news-area .content_wrap .news-title{
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}

.home #news-area .icon-list{
	float: right;
}

.home #news-area .content_wrap ul{
	margin-top: 5px;
	margin-bottom: 30px;
}

.home #news-area .content_wrap ul li{
	margin-bottom: 10px;
}

.home #news-area .supple a{
     margin-right: 30px;
}

.home #reco-corse-area .reco-course{
	margin-top: 10px;
	margin-right: -40px;
	font-size: 0;
}

.home #reco-corse-area .reco-course .box{
	display: inline-block;
	width: 300px;
	margin-right: 40px;
	margin-bottom: 30px;
	font-size: 12px;
	font-size: 1.2rem;
	vertical-align: top;
}

.home #reco-corse-area .reco-course .box .course-name{
	margin-bottom: 10px;
	font-size: 14px;
	font-size: 1.4rem;
}

.home #reco-corse-area .reco-course .box .course-name a{
	font-weight: bold;
}

.home #reco-corse-area .reco-course .box .summary{
	overflow: hidden;
	zoom: 1;
}

.home #reco-corse-area .reco-course .box .summary .image{
	float: left;
	width: 155px;
	margin-right: -155px;
}

.home #reco-corse-area .reco-course .box .summary .intro{
	float: left;
	width: 145px;
	margin-left: 155px;
}

.home #reco-corse-area .reco-course .box .summary .intro p{
	margin-top: 0 !important;
	margin-bottom: 10px;
}

.home #reco-corse-area .reco-course .box .exp{
	margin-top: 10px !important;
}

.home #reco-corse-area .btn-area{
	text-align: center;
}

.scolog-area .image{
	float: left;
	width: 165px;
	padding-top: 10px;
	margin-right: -165px;
}

.scolog-area .image img{
	max-width: 145px;
	height: auto;
	width :auto;
}

.scolog-area .sco-list{
	width: auto;
	margin-left: 165px;
}

.scolog-area .sco-list li{
	position: relative;
	padding: 10px;
	border-bottom: 1px dotted #ddd;
}

.scolog-area .sco-list li:first-child{
	border: 1px solid #ddd;
}

.scolog-area .sco-list li:first-child:after{
	content: '';
	position: absolute;
	border-right: 13px solid #fff;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	top: 30px;
	left: -12px;
}

.scolog-area .sco-list li:first-child:before{
	content: '';
	position: absolute;
	border-right: 13px solid #ddd;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	top: 30px;
	left: -14px;
}

.scolog-area .sco-list li .course-title{
	margin: 3px 0 7px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

.scolog-area .sco-list li .date{
	margin-right: 7px;
}

.scolog-area .sco-list .more{
	float: right;
}

.scolog-area .sco-list .more a{
	margin-left: 30px;
	margin-right: 10px;
}

/* gcguide
-------------------------------------------------- */
.gcguide .course-title .label-area{
	margin-bottom: 5px;
}

.gcguide .course-title h1{
	margin-bottom: 0.2em !important;
}

.gcguide .course-title .btn-area{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: right;

}

.gcguide .course-title .func-item{
	width:100%;
	margin-bottom: 15px;
}

.gcguide .course-title .shotnavi-btn{
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
	display: inline-block;
}

.gcguide .course-title .btn{
	margin-left: 5px;
	line-height: 1;
	font-size: 10px;
	font-size: 1.0rem;
}

.gcguide .course-title .sns-btn{
	margin-top: 15px;
	margin-bottom: 15px;
	float: right;
	display: inline-block;
}

.gcguide .intro-area{
	margin-bottom: 30px;
}

.gcguide .intro-area table{
	margin-bottom: 5px !important;
}

.gcguide .intro-area .image{
	text-align: center !important;
}

.gcguide .intro-area .image.overlook{
	position: relative;
	float: none;
	width: 300px;
	height: 240px;
	margin: 0 auto 5px;
	border: 1px solid #ddd;
	background: #fff;
	overflow: hidden;
}

.gcguide .intro-area .image.overlook img{
	margin-bottom: 0 !important;
}

.gcguide .intro-area .image.overlook span{
	position: absolute;
	top: 1px;
	left: 1px;
	padding: 5px;
	color: #666;
	font-size: 10px;
	font-size: 1.0rem;
}

.gcguide .weather img{
	vertical-align: middle;
}

.gcguide .rating .title{
	margin-bottom: 5px !important;	
}

.gcguide .rating table th,
.gcguide .rating table td{
	padding: 3px !important;
}

.gcguide .intro-area .btn-area{
	text-align: center;
}

.gcguide .intro-area .btn{
	margin: 0 10px;
}

.scolog-new li{
	padding: 10px 0 10px 70px;
	border-bottom: 1px dotted #ddd;
}

.gcguide .scolog-new li{
	padding: 10px 0 10px 50px;
	border-bottom: 1px dotted #ddd;
	background: url(../imgs/share/icon-avator.jpg) left 15px no-repeat;
}

.mypage .scolog-new li{
	padding: 10px 0 10px 70px;
	border-bottom: 1px dotted #ddd;
	background: url(../imgs/share/icon-scolog.png) left 15px no-repeat;
}

.mypage .data-list li{
	padding: 10px 0 10px 70px;
	border-bottom: 1px dotted #ddd;
}

.scolog-new li .date,
.scolog-new li .weather,
.scolog-new li .name,
.scolog-new li .stroke{
	vertical-align: middle;
}

.scolog-new li .weather,
.scolog-new li .name{
	margin-right: 5px;
}

.scolog-new li .comment{
	margin-top: 7px;
}

.scolog-new .more{
	float: right;
}

.scolog-new .more a{
	margin-left: 30px;
}
.gcguide .outline-area th{
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
}

.gcguide .researve-area .calender{
	overflow: hidden;
	zoom: 1;
}

.gcguide .researve-area .calender .box{
	float: left;
	width: 80px;
	border-bottom: 1px solid #ddd;
	line-height: 3.0;
	text-align: center;
}

.gcguide .researve-area .calender .box.like-th{
	font-weight: bold;
}

.gcguide .researve-area .calender .box span{
	display: block;
	border-bottom: 1px solid #ddd;
}

.gcguide .researve-area .calender .box span.saturday{
	background: #eeffff;
}

.gcguide .researve-area .calender .box span.sunday{
	background: #ffeeee;
}

.gcguide .coursedata-area .course-list{
	overflow: hidden;
	zoom: 1;
	margin-bottom: 30px;
	padding: 10px;
	border: 1px solid #ddd;
}

.gcguide .coursedata-area .course-list div,
.gcguide .coursedata-area .course-list ul{
	float: left;
}

.gcguide .coursedata-area .course-list ul li{
	float: left;
	margin-right: 10px;
}

.gcguide .coursedata-area .course-title{
	overflow: hidden;
	zoom: 1;
	margin-bottom: 5px;
}

.gcguide .coursedata-area .course-title .total{
	display: none;
}

.gcguide .coursedata-area .course-title .icon{
	line-height: 1.8;
	text-align: right;
}

.gcguide .coursedata-area .course-title .icon img{
	vertical-align: middle;
}

.gcguide .coursedata-area table{
	margin-bottom: 10px;
}

.gcguide .coursedata-area h4{
	overflow: hidden;
	zoom: 1;
}

.gcguide .coursedata-area table th,
.gcguide .coursedata-area table td{
	padding: 5px 0 !important;
	text-align: center;
}

.gcguide .coursedata-area table.desktop td img{
	max-width: 35px;
	height: auto;
	width :auto;
}

.gcguide .coursedata-area table .head th,
.gcguide .coursedata-area table .head td{
	background: #eee;
}

.gcguide #around-area .box ul{
	margin-top: 10px;
	margin-left: 20px;
}

.gcguide #around-area .box ul li{
	list-style-type: disc;
	line-height: 1.8;
}

/* cdata
-------------------------------------------------- */
.cdata .data-area .course .image{
	text-align: center;
}

.cdata .data-area .course ul li{
	position: relative;
	border: 1px solid #ddd;
	background: #eeeeee;
	margin-bottom: -1px;
}

.cdata .data-area .course ul li a,
.cdata .data-area .course ul li .border{
	display: block;
	padding: 5px 0 5px 10px;
	border-left: 3px solid #eee;
	text-decoration: none;
}

.cdata .data-area .course ul li.select{
	background: #fff;
	color: #fff;
}

.cdata .data-area .course ul li.select .border{
	position: relative;
	border-left: 3px solid #d00;
	color: #fff;
}

.cdata .data-area .course ul li.select .label{
	position: absolute;
	top: 0;
	right: 10px;
	background: #d00;
	line-height: 15px;
	font-size: 12px;
}

.cdata .data-area .course ul li .course-title{
	color: #0088cc;
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: underline;
}

.cdata #primary .data-area .course ul li h3.course-title{
	margin-bottom: 0 !important;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	font-size: 1.6rem;
}

.cdata .data-area .course ul li .total{
	margin-top: 5px;
	color: #777;
}

.cdata .data-area .course ul li a:hover .course-title{
	color: #00aaee;
	text-decoration: underline;
}

.cdata .data-area .data-table{
	overflow: hidden;
	zoom: 1;
	border-top: 1px solid #ddd;
	margin-bottom: 30px;
}

.cdata .data-area .data-table .box{
	float: left;
	width: 56px;
	line-height: 3.0;
	text-align: center;
}

.cdata .data-area .data-table .box.like-th{
	font-weight: bold;
}

.cdata .data-area .data-table .box span{
	display: block;
	border-bottom: 1px solid #ddd;
}

/** weather **/
.cdata .weather-area .weather-table{
	overflow: hidden;
	zoom: 1;
	border-top: 1px solid #ddd;
	margin-bottom: 30px;
}

.cdata .weather-area .weather-table .box{
	float: left;
	width: 48px;
	text-align: center;
}

.cdata .weather-area .week-table .box{
	float: left;
	width: 14%;
	text-align: center;
}


.cdata .weather-area .weather-table .box.like-th, .cdata .weather-area .week-table .box.like-th{
	font-weight: bold;
}

.cdata .weather-area .weather-table .box span, .cdata .weather-area .week-table .box span{
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 4px;
}

.cdata .weather-area .icon{
	height: 50px;
}

.cdata .weather-area .icon img{
	margin-top: 5px;
	max-width: 40px;
	height: auto;
	width :auto;
}

.cdata .weather-area .s-icon{
	height: 30px;
}

.cdata .weather-area .s-icon img{
	margin-top: 5px;
	max-width: 30px;
	height: auto;
	width :auto;
}

/** weather end **/

.cdata .data-area .data-table .box span .number{
	font-weight: bold;
}

.cdata .data-area .data-wrap{
	overflow: hidden;
	zoom: 1;
	margin-top: 0px;
	margin-bottom: 5px;
}

.cdata .data-area .data-wrap .total{
	float: left;
	margin-bottom: 5px;
}

.cdata .data-area .icon{
	line-height: 1.8;
	text-align: right;
}

.cdata .data-area .icon img{
	vertical-align: middle;
}

.cdata .data-area .total .super{
	font-size: 7px;
	font-size: 0.7rem;
	vertical-align: super;
}

.cdata .data-area .hole-list{
	margin-top: 5px;
}

.cdata .data-area .hole-list td{
	width: 33%;
	padding: 0 !important;
	vertical-align: top;
}

.cdata .data-area .hole-list .data{
	padding: 8px 10px;
	font-size: 11px;
	font-size: 1.1rem;
}

.cdata .data-area .hole-list .switch{
	display: none;
}

.cdata .data-area .hole-list .data span{
	font-weight: bold;
}

.cdata .data-area .hole-list .box{
	padding: 10px;
}

.cdata .data-area .hole-list .image{
	height: 300px;
	margin: 0 auto;
	text-align: center;
}

.cdata .data-area .hole-list .image img{
	max-width: 180px;
	height: auto;
	width :auto;
}

.cdata #course-list .total{
	line-height: 1;
}

.cdata #course-list .course .total{
	line-height: normal;
}

.cdata .data-area .course .image .imageboxWrapper {
	position: relative;
	width: 300px;
	height:300px;
	margin: 0 auto;
	border: 1px solid #ccc;
}

.cdata .data-area .course .image .course-name {
	position: absolute;
	left: 5px;
	top: 5px;
	color:#666;
	font-size: 12px;
}

/* .snp
-------------------------------------------------- */
.snp .banner-area img{
	margin-bottom: -5px;
}

.snp .products-area{
	margin-top: 30px;
}

.snp .products-area .column4-2-block .box .title{
	margin-top: 5px;
	font-size: 14px !important;
	font-size: 1.4rem !important;
}

.snp .products-area .image-s.column4-2-block .image{
	width: 110px;
	margin-right: -110px;
}

.snp .products-area .image-s.column4-2-block .image img{
	max-width: 100px;
	height: auto;
	width :auto;
}

.snp .products-area .image-s.column4-2-block .label-area,
.snp .products-area .image-s.column4-2-block .title,
.snp .products-area .image-s.column4-2-block p{
	width: 200px !important;
	margin-left: 110px !important;
}

.snp .products-area .image-s.column4-2-block .title{
	margin-top: 5px;
	font-size: 12px !important;
	font-size: 1.2rem !important;
}

.snp #support .horizonal-list li .title{
	width: 110px;
	font-weight: bold;
}


/* scolog @hino
-------------------------------------------------- */
.scolog ul.t-right li{
	font-size:12px;
}
.scolog ul.tab li.select{
	border-top:3px solid #ff9320;
}
.scolog ul.t-right{
	padding:6px 0 14px;
	font-size:14px;
	overflow:hidden;
}
.scolog ul.t-right li{
	margin:0 0 0 14px;
	font-size:14px;
	float:right;
}
.scolog .intro p.t-right{
	margin:-17px 0 0 !important;
	padding:0 0 20px;
}
.scolog #new-arrival .content_wrap{
	padding-bottom:0;
}
.scolog .list-user{
	padding:10px 0 0;
}
.scolog .list-user *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.scolog .list-user li{
	margin:1px 0 0;
	padding:22px 22px 22px 28px;
	background:url(../imgs/scolog/note_bg.png) no-repeat;
	border:1px solid #ddd;
	border-bottom:2px solid #ddd;
	overflow:hidden;
}
.scolog #new-arrival .image{
	position:relative;
	width:100px;
	float:left;
}
.scolog .image a{
	margin:0;
	padding:0;
	text-decoration:none;
	line-height:0;
	display:inline-block;
}
.scolog .fav{
	position:absolute;
	top:0;
	left:63px;
	display:block;
}
.scolog .fav img{
	width:37px;
	height:37px;
}
.scolog .image span.lv{
	padding:4px 0;
	color:#fff;
	width:100%;
	background:#0dc7ae;
	font-size:14px;
	text-align:center;
	line-height:1.61;
	display:block;
}
.scolog .image span.lv25{
	background:#08c;
}
.scolog .image span.lv50{
	background:#ff9320;
}
.scolog .image span.lv75{
	background:#f66363;
}
.scolog .image span.lv99{
	background:#333;
}
.scolog .image ul{
	padding:10px 0 0;
	line-height:1.61;
	font-size:11px;
}
.scolog .image ul li{
	margin:0 0 3px;
	padding:0;
	border:0;
	background:none;
}
.scolog .image ul li a{
	font-size:13px;
	font-weight:bold;
	line-height:1.41;
	text-decoration:underline !important;
}
.scolog .image ul li img{
	margin:0 3px 2px 0 !important;
	width:12px !important;
	height:15px !important;
	vertical-align:middle;
}
.scolog #new-arrival .data{
	padding:0 0 0 16px;
	width:360px;
	float:left;
}
.scolog #new-arrival .data ul{
	margin:0;
	padding:0 0 10px;
	border:0;
}
.scolog #new-arrival .data ul li{
	margin:0;
	padding:7px 0 7px 30px;
	border:0;
	border-bottom:1px solid #ddd;
	background:url(../imgs/scolog/icon_course.png) no-repeat 0 4px;
	background-size:24px 24px;

}
/*PM HS*/
/*
.scolog #new-arrival .data ul li img{
	width:24px;
	height:24px;
	vertical-align:middle;
}
*/

.scolog #new-arrival .data ul li strong{
	font-weight:bold;
}
.scolog #new-arrival .data ul li.date{
	color:#000;
	background-image:url(../imgs/scolog/icon_date.png);
}
.scolog #new-arrival .data ul li.date img{
	margin:0 3px 3px;
	width:16px;
	height:16px;
	vertical-align:middle;
}
.scolog #new-arrival .data ul li.score{
	background-image:url(../imgs/scolog/icon_play.png);
}
.scolog #new-arrival .data ul li.comment{
	background-image:url(../imgs/scolog/icon_talk.png);
}
.scolog .label.plot{
	background:#ff9320;
}
.scolog .label.picture{
	background:#0dc7ae;
}
.scolog .label-area .good{
	color:#f66363;
}
.scolog .label-area .good img{
	margin:0 4px 3px 10px;
	width:16px;
	height:16px;
	vertical-align:bottom;
}
.scolog .label-area .good a{
	margin:0 0 0 2px;
}

/*PM HS*/
.scolog #new-arrival .data ul {
	width: 350px;
//	padding-right: 120px;
	position: relative;
}

/*PM HS*/
.scolog #new-arrival .photo.desktop{
	float:right;
	width: 102px;
}

.scolog #new-arrival .photo img {
	border:1px solid #ddd;
}


.scolog .read-more{
	margin:1px 0 0;
	border:1px solid #ddd;
	border-bottom:2px solid #ddd;
	text-align:center;
}
.scolog .read-more a{
	padding:10px;
	background:#f9f9f9;
	font-size:14px;
	display:block;
}
.scolog .read-more a:hover{
	background:#fff;
}

.scolog #primary .column5-2 h4{
	font-size:14px;
}
.scolog .column5-2 .image{
	position:relative;
}
.scolog .column5-2 .image img{
	padding-top:1px;
}
.scolog .column5-2 .image .rank{
	position:absolute;
	top:0;
	left: 5px;
	padding:5px 0 0;
	width:26px;
	height:36px;
	color:#fff;
	font-weight:bold;
	background:url(../imgs/scolog/icon_ribbon.png) no-repeat;
	background-size:26px 36px;
	line-height:1.41;
	text-align:center;
	display:block;
}
.scolog #primary .column5-2 .image .fav{
	position:absolute;
	top:0;
	left:83px;
	display:block;
}
.scolog #primary .column5-2 .image .fav img{
	width:37px;
	height:37px;
}
.scolog #primary .column5-2 .box .image img{
	margin:0;
}
.scolog #tools-area ul li img{
	margin:0 3px 2px 0;
	width:16px;
	height:16px;
	vertical-align:middle;
}
.scolog #tools-area ul li a{
	font-size:14px;
}
.scolog .submit-btn{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: auto;
	padding: 7px;
	border: 1px solid #ddd;
	border-radius: 3px; 
	background: #0088cc;
	border: 1px solid #0077bb;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
}
.scolog .submit-btn:hover{
	background: #0099dd;
	color: #fff;
}
.scolog #search-area p{
	padding:10px 0 0;
	text-align:center;
}
.scolog #search-area p img{
	margin:0 3px 2px 0;
	width:16px;
	height:16px;
	vertical-align:middle;
}
.scolog .submit-btn:hover{
	background: #0099dd;
	color: #fff;
}
.scolog #secondary #login-area .btn-area{
	text-align:center;
}
.scolog #secondary #login-area .btn-area .submit-btn{
	width:220px;
	font-size:14px;
}


/* .gc
-------------------------------------------------- */
.gc .course-area{
	padding-bottom: 15px;
	margin-bottom: 20px !important;
	border-bottom: 1px solid #ddd;
}

.gc .course-area .image{
	float: left;
	width: 155px;
	margin-right: -155px;
}

.gc .course-area .title-area{
	width: auto;
	margin-left: 155px;
}

.gc .course-area .title-area h3{
	display: block;
	margin-bottom: 10px !important;
	font-size: 14px !important;
	font-size: 1.4rem !important;
	font-weight: bold;
}

.gc .course-area .title-area .area{
	margin-bottom: 10px;
}

.gc .course-area .title-area .icon-list{
	margin-right: -5px;
	font-size: 0;
}

.gc .course-area .title-area .icon-list li.icon{
	margin-right: 5px;
	font-size: 12px;
	font-size: 1.2rem;
}

.gc .course-area .exp{
	clear: both;
}

.gc #search-area{
	margin-bottom: 20px;
}

.gc #search-area h2{
	margin-bottom: 10px !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
	font-weight: bold;
}

.gc #search-area .tab{
	padding-left: 0;

}

.gc #search-area .tab li{
	padding: 0;
	margin-right: -1px;
	background: #eee;
	border: 1px solid #bbb;
	color: #000;
}

.gc #search-area .tab li span{
	display: block;
	padding: 10px;
}

.gc #search-area .tab li.select{
	background: #fff;
	border-bottom: 1px solid #fff;
}

.gc #search-area .tab li.select span{
	padding: 7px 10px 10px;
	border-top: 3px solid #d00
}

.gc #search-area .tab li:hover{
	background: #fff;
}

.gc #search-area .tab li img{
	margin-right: 6px;
	vertical-align: middle;
	max-width: 23px;
}

.gc #search-area .content_wrap{
	padding: 20px;
	border: 1px solid #bbb;
	border-top: none;
}

.gc #search-area form select{
	width: 160px;
	margin-top: 10px;
}

.gc #search-area form .input{
	position: relative;
}

.gc #search-area form input.calendar{
	z-index: 100;
	position: relative;
	padding: 8px 10px 8px 30px;
	background: transparent;
	cursor: pointer;
}

.gc #search-area form .input .calendar-icon{
	z-index: 1;
	position: absolute;
	top: 8px;
	left: 10px;
	max-width: 20px;
	height: auto;
	width :auto;
}

.gc #search-area form input.text{
	width: 180px;
}

.gc #search-area form .vertical-box{
	overflow: hidden;
	zoom: 1;
}

.gc #search-area form .f-left,
.gc #search-area form .f-right{
	width: 279px;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 15px;	
}

.gc #search-area form .title{
	float: left;
	width: 70px;
	margin-top: 10px;
}

.gc #search-area form .input{
	width: 209px;
	float: left;
}

.gc #search-area form .btn-area{
	margin-top: 10px;
	text-align: center;
}

.gc #search-area form .submit-btn{
	display: inline-block;
	width: 160px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 3px; 
	background: #0088cc;
	border: 1px solid #0077bb;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
}

.gc #search-area form .submit-btn:hover{
	background: #0099dd;
	color: #fff;
}

.gc #search-area .highway-text{
	margin-top: 0 !important;
	margin-bottom: 20px;
}

.gc .banner-area .column2-1{
	margin-bottom: 10px;
}

.gc .banner-area .column2-1 .box{
}

.gc .banner-area .column2-1 .box a{
	display: block;
	overflow: hidden;
	zoom: 1;
	padding: 10px 10px 5px 5px;
	border: 1px solid #ddd;
	text-decoration: none;
}

.gc .banner-area .column2-1 .box .image{
	float: left;
	width: 55px;
	margin-right: -238px;
}

.gc .banner-area .column2-1 .box .text{
	float: left;
	width: auto;
	margin-left: 55px;
}

.gc .banner-area .column2-1 .box .title{
	margin-bottom: 3px !important;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}

.gc .banner-area .column2-1 .box p{
	margin-bottom: 0 !important;
	color: #000 !important;
}

.com #tab-area{
	margin-bottom: 20px;
}


.com #tab-area h2{
	margin-bottom: 10px !important;
	font-size: 16px !important;
	font-weight: bold;
}

.com #tab-area .tab{
	padding-left: 0;

}

.com #tab-area .tab li{
	padding: 0;
	margin-right: -1px;
	background: #eee;
	border: 1px solid #bbb;
	color: #000;
}

.com #tab-area .tab li span{
	display: block;
	padding: 10px;
}

.com #tab-area .tab li.select{
	background: #fff;
	border-bottom: 1px solid #fff;
}

.com #tab-area .tab li.select span{
	padding: 7px 10px 10px;
	border-top: 3px solid #d00
}

.com #tab-area .tab li:hover{
	background: #fff;
}

.com #tab-area .tab li img{
	margin-right: 6px;
	vertical-align: middle;
}

.com #tab-area .content_wrap{
	padding: 20px;
	border: 1px solid #bbb;
	border-top: none;
}

.com #tab-area form select{
	width: 160px;
	margin-top: 10px;
}

.com #tab-area form .input{
	position: relative;
}

.com #tab-area form input.calendar{
	z-index: 100;
	position: relative;
	padding: 8px 10px 8px 30px;
	background: transparent;
	cursor: pointer;
}

.com #tab-area form .input .calendar-icon{
	z-index: 1;
	position: absolute;
	top: 8px;
	left: 10px;
}

.com #tab-area form input.text{

}


.com #tab-area form .vertical-box{
	overflow: hidden;
	zoom: 1;
}

.com #tab-area form .f-left,
.com #tab-area form .f-right{
	width: 550px;
	overflow: hidden;
	zoom: 1;
	margin-bottom: 15px;	
}

.com #tab-area form .title{
	float: left;
	width: 100px;
	margin-top: 10px;
}

.com #tab-area form .input{
	width: 80%;
	float: left;
}

.com #tab-area form .btn-area{
	margin-top: 10px;
	text-align: center;
}

.com #tab-area form .submit-btn{
	display: inline-block;
	width: 160px;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 3px; 
	background: #0088cc;
	border: 1px solid #0077bb;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	-webkit-appearance: none;
}

.com #search-area form .submit-btn:hover{
	background: #0099dd;
	color: #fff;
}



/* mediaquery
-------------------------------------------------- */
@media screen and (max-width:568px){
	html{
		font-size: 60%;
	}
	
	img{
		max-width: 100%;
		height: auto;
		width :auto;
	}
		
	.video-container {
	     position: relative;
	     padding-bottom: 56.25%;
	     padding-top: 30px;
	     margin-bottom: 30px;
	     height: 0;
	     overflow: hidden;
	}
	 
	.video-container iframe, 
	.video-container object, 
	.video-container embed {
	     position: absolute;
	     top: 0;
	     left: 0;
	     width: 100%;
	     height: 100%;
	}
	
	#main{
		margin-top: 0;
	}
	
	.wrapper{
		width: auto;
		padding: 0 10px;
	}

	.tab.graytab{
		margin-left: -10px;
		margin-right: -10px;
	}

	.tab li .responsive{
		display: inline-block;
	}

	.desktop{
		display: none;
	}

	.responsive{
		display: block;
	}

	#topButton {
		display:block;
	}

	#topButton a {
		background: #000;
		text-decoration: none;
		color: #fff;
		width: auto;
		padding: 9px 12px 9px 12px;
		text-align: center;
		display: block;
		line-height: 1;
		border: 2px solid #fff;
		border-width: 2px 0 2px 2px;
	}

	#topButton a span{
		font-size: 0.9rem;
	}

	#header{
		border-bottom: 3px solid #000;
	}
	
	#header .description{
		display: none;
	}
	
	#slide{
		width: auto;
	}
	
	#primary{
		width: 100%;
	}
	
	#primary .decoration-line{
		margin-left: -10px;
		margin-right: -10px;
		background: #000;
		border-top: none;
		color: #fff;
		font-size: 18px;
		font-size: 1.8rem;
	}
	
	#primary .decoration-line-red{
		margin-left: -10px;
		margin-right: -10px;
		background: #ffeeee;
		border-top: none;
		font-size: 18px;
		font-size: 1.8rem;
	}

	#primary .decoration-line-blue{
		margin-left: -10px;
		margin-right: -10px;
		background: #eeeeff;
		border-top: none;
		font-size: 18px;
		font-size: 1.8rem;
	}
	#primary .decoration-line-green{
		margin-left: -10px;
		margin-right: -10px;
		background: #eeffee;
		border-top: none;
		font-size: 18px;
		font-size: 1.8rem;
	}
	
	#primary .horizonal-list li .title{
		float: left;
		width: 100% !important;
		font-weight: bold;
	}

	
	#secondary{
		width: 100%;
	}
	
	#secondary img{
		max-width: 100%;
		height: auto;
		width:auto;
	}
	
	#header .logo-area{
		margin-top: 0;
		padding: 8px 10px;
	}
	
	#header .logo-area #logo{
		margin-top: 3px;
		max-width: 120px;
		height: auto;
		width: auto;
	
	}
	
	#header .ads{
		display: none;
	}
	
	#header .menu-button{
		display: block;
	}
	
	
	#navigation{
		display: none;
		min-width: 100%;
		margin-top: 0;
		background: none;
	}
	
	#navigation .wrapper{
		padding: 0;
	}
	
	#navigation ul{
		padding-left: 0 !important;
		margin-bottom: -1px;
	}
	
	#navigation ul li{
		float: none;
	}
	
	#navigation ul li a{
		width: 100%;
		padding: 15px 10px;
		margin-right: 0;
		border: none;
		border-left: 3px solid #000;
		border-top: 1px solid #333;
		background: #000;
		color: #fff;
		font-size: 13px;
		font-size: 1.3rem;
		text-align: left;
	}
	
	#navigation ul li a:hover{
		background: #222;
		border-bottom: none;
		border-top: 1px solid #333;
		color: #fff;
	}
	
	#navigation ul li a.current{
		background: #222;
		border-bottom: none;
		border-top: 1px solid #333;
		border-left: 3px solid #d00;
		color: #fff;
	}
	
	#navigation ul li a span{
		display: inline;
		padding-left: 10px;
	}

	#navigation ul li:last-child a {
		width: 100%;
	}

	.fixed{
	  position: static;
	}
	
	.news-ticker{
		padding: 10px 10px;
		margin: 0 -10px;
		border: none;
		border-top: 1px solid #ddd;
		border-radius: 3px; 
	}
	
	.news-ticker h2{
		width: auto;
		margin-bottom: 5px;
		border-right: none;
		font-weight: bold;
		font-size: 14px;
		font-size: 1.4rem;
	}
	
	.news-ticker p{
		width: auto;
	}

	.tab.graytab li{
		font-size: 12px;
		font-size: 1.2rem;
	}


	#footer{
		min-width: 100%;
		border-top: none;
	}
	
	#footer{
		min-width: 100%;
		margin-top: 0;
		border-top: none;
	}
	
	#footer .regist{
		margin-left: -10px;
		margin-right: -10px;
	}
	
	#footer .footer-nav{
		float: none;
		width: auto;
		margin-left: -10px;
		margin-right: -10px;
		padding: 0;
		border-top: 1px solid #ddd;
	}
	
	#footer .footer-nav li{
		float: none;
		padding-bottom: 0;
		margin-bottom: 0;
		margin-right: 0;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}
	
	#footer .footer-nav li a{
		display: block;
		padding: 10px;
	}
	
	#footer small{
		float: none;
	}
	
	#primary{
		border-bottom: 3px solid #000;
	}
	
	.home #primary .product-area .column3-2 .box{
		padding-bottom: 10px;
		border-bottom: 1px solid #ddd;
	}

	#secondary .widget-title{
		margin-left: -10px;
		margin-right: -10px;
		background: #000;
		border-top: none;
		color: #fff;
		font-size: 18px;
		font-size: 1.8rem;
	}
	
	.home #news-area .tab {
		padding-left: 7px;
	}

	.home #news-area .tab li{
		padding: 7px;
		font-size: 12px;
		font-size: 1.2rem;
		padding: 10px 7px;
	}

	.home #news-area .tab li span{
		display: none;
	}
	
	.home #news-area .content_wrap .image{
		max-width: 140px;
		height: auto;
		width: auto;
		margin-right: 10px;
	}
	
	.home #reco-corse-area .reco-course{
		margin-right: 0;
	}
	
	.home #reco-corse-area .reco-course .box{
		margin-right: 0;
		width: 100%;
	}
	
	.home #reco-corse-area .reco-course .box .summary .intro{
		width: auto;
	}
	
	.scolog-area .image{
		width: 155px;
		margin-right: -155px;
	}
	
	.scolog-area .sco-list{
		width: auto;
		margin-left: 155px;
	}
	
	.scolog-area .sco-list li .date{
		display: block;
		margin: 0;
	}
	
	.scolog-area .sco-list li .comment{
		display: none;
	}
	
	.scolog-area .sco-list li:first-child .comment{
		display: block;
	}

	.scolog-new li .stroke{
		display: block;
	}

	.scolog-new .more a{
		margin-left: 10px;
	}

	.gcguide .researve-area .calender .box{
		width: 100%;
		padding-bottom: 0px;
		border-bottom: none;
	}
	
	.gcguide .researve-area .calender .box.like-th{
		font-weight: bold;
	}
	
	.gcguide .researve-area .calender .box span{
		display: inline-block;
		width: 33%;
		border-bottom: 1px solid #ddd;
	}

	.gcguide .coursedata-area .course-title h4{
		float: none;
	}
	
	.gcguide .coursedata-area .course-title .total{
		display: block;
	}

	.gcguide .coursedata-area .course-title .icon{
		margin-top: 5px; 
	}

	.gcguide .coursedata-area .responsive table{
		margin-bottom: 10px; 
	}

	.cdata .data-area .data-table .box{
		width: 100%;
	}
	
	.cdata .data-area .data-table .box.like-th{
		font-weight: bold;
	}
	
	.cdata .data-area .data-table .box span{
		display: inline-block;
		width: 20%;
		border-bottom: 1px solid #ddd;
	}

/** weather **/
	.cdata .weather-area .weather-table .box, .cdata .weather-area .week-table .box{
		width: 100%;
	}
	
	.cdata .weather-area .weather-table .box.like-th, .cdata .weather-area .week-table .box.like-th{
		font-weight: bold;
	}
	
	.cdata .weather-area .weather-table .box span{
		display: inline-block;
		width: 13%;
		border-bottom: 1px solid #ddd;
	}
	.cdata .weather-area .week-table .box span{
		display: inline-block;
		width: 20%;
		border-bottom: 1px solid #ddd;
	}
	
	.cdata .weather-area .icon, .cdata .weather-area .s-icon{
		height: initial;
	}
	.cdata .weather-area .icon img, .cdata .weather-area .s-icon img{
		max-width:22px;
	}

/** weather end **/

	.cdata .data-area .data-wrap .total{
		float: none;
	}

	.cdata .data-area .data-wrap .total span{
		display: block;
	}

	.cdata .data-area .data-wrap .total span.super{
		display: inline;
	}

	.cdata .data-area .pdf span{
		display: inline;
	}

	.cdata .data-area .hole-list{
		border: none !important;
		border-bottom: 1px solid #ddd !important;
	}

	.cdata .data-area .hole-list tr,
	.cdata .data-area .hole-list td{
		display: block;
		border-bottom: none !important;
	}

	.cdata .data-area .hole-list td{
		width: auto;
		position: relative;
	}

	.cdata .data-area .hole-list .data{
		font-size: 12px;
		font-size: 1.2rem;
		line-height: 2;
	}

	.cdata .data-area .hole-list .switch{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 40px;
		background: url(../imgs/share/icon-openclose.png) right 50% no-repeat;
		text-indent: -9999px;
	}

	.cdata .data-area .hole-list .box{
		display: none;
	}

	.cdata .data-area .hole-list .first .box{
		display: block;
	}

	.cdata .data-area .hole-list .image{
		height: auto;
	}

	.cdata .data-area .hole-list img{
		max-width: 100%;
		height: auto;
		width :auto;
	}

	.snp .products-area .column4-2-block .box .image{
		width: 110px !important;
		margin-right: -110px !important;
	}
	
	.snp .products-area .column4-2-block .box .image img{
		max-width: 100px !important;
		height: auto;
		width :auto;
	}

	.snp .products-area .column4-2-block .box .title,
	.snp .products-area .column4-2-block .box .label-area,
	.snp .products-area .column4-2-block .box p{
		margin-left: 110px !important;
	}

	/* scolog @hino */

	.scolog ul.t-right li{
		margin-left:10px;
		font-size:12px;
	}
	.scolog ul.tab li{
		padding:5px;
		font-size:12px;
	}
	.scolog .intro p.t-right{
		margin:0 !important;
	}
	.scolog #new-arrival .list-user{
		padding:10px 0 0;
	}
	.scolog #new-arrival .list-user *{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.scolog .list-user li{
		margin:0 0 20px;
		padding:0 0 14px;
		background:none;
		border:0;
//		border-bottom:3px solid #ff9320;
		border-bottom:2px solid #ddd;
		overflow:hidden;
	}
	.scolog #new-arrival .image{
		width:100%;
		float:none;
	}
	.scolog #new-arrival .image a img{
		width:75px;
		height:75px;
	}
	.scolog #new-arrival .image .fav{
		left:45px;
	}
	.scolog #new-arrival .image .fav img{
		width:30px;
		height:30px;
	}
	.scolog #new-arrival .image ul{
		position:absolute;
		padding:0;
		width:100%;
		top:0px;
		left:90px;
	}
	.scolog #new-arrival .image ul li,
	.scolog #new-arrival .image ul li a{
		font-size:14px;
	}
	.scolog #new-arrival .image .lv{
		margin:0 0 4px;
		padding:12px 0;
		font-size:11px;
	}
	.scolog #new-arrival .image .responsive .lv{
		padding:4px 7px 2px;
		width:auto;
		display:inline-block;
	}
	.scolog #new-arrival .data{
		padding:0;
		width:100%;
		float:none;
	}
	.scolog #new-arrival .data ul{
		margin:14px 0 0;
		border-top:1px solid #ddd;
		width:100%;
	}
	.scolog #new-arrival .data ul li{
		font-size:13px;
	}
	.scolog #new-arrival .data ul li strong{
		font-weight:bold;
	}
	.scolog #new-arrival .photo{
		margin:10px 0 0;
		max-width:50px;
		float:none;
	}
	.scolog #primary #sco-user-ranking .column5-2 .box .image{
		width:100%;
	}
	.scolog #primary .column5-2 .box .image .fav{
		left:63px;
	}
	.scolog #primary .column5-2 .box ul{
		position:absolute;
		margin:0;
		padding:0;
		width:100%;
		top:0px;
		left:114px;
		font-size:14px;
	}
	.scolog #primary .column5-2 .box ul a{
		font-size:14px;
	}
	.scolog #primary .column5-2 .box ul .lv{
		margin-top:1px;
		font-size:12px;
	}
	.scolog #fan-area p.t-right{
		width:auto;
		text-align:left;
	}
}

@media screen and (min-width:569px){
	#navigation{
		display: block !important;
	}
}

/* mediaquery for slider
-------------------------------------------------- */

@media screen and (max-width: 568px) {
	.home .slider-wrapper{
		min-width: 100% !important;
		width: 100%;
		padding: 0 !important;
	}

	.home #slide{
		width: auto;
	}

	.home .bx-controls-direction{
 		display: none;
	}
	
	.home .bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto{
		position: absolute;
		top: -13px;
		right: 7px;
	}
	
	.home .bx-wrapper .bx-pager.bx-default-pager a{
		width: 7px;
		height: 7px;
		margin: 0 3px;
	}

/*PM HS*/
	.scolog #new-arrival .data ul {
		width: auto;
		padding-right: 0;
		position: relative;
	}

	.scolog #new-arrival .comment .photo{
		position: relative;;
		top: auto; right: auto;
	}

	.scolog #new-arrival .comment .photo{
		float:right;
		margin: 0 0 0 5px;
	}

	.scolog #new-arrival .comment .readmore{
		display: inline-block;
	}

	.scolog #sco-user-ranking .image .responsive .lv{
		padding:4px 7px 2px;
		margin-bottom: 5px;
		width:auto;
		display:inline-block;
	}

	.banner-wide {
		margin-left: -10px;
		margin-right: -10px;
	}
}

.head_ttl, .head_ttl-red, .head_ttl-blue, .head_ttl-green {
border-left: 7px solid #000;
border-bottom: 1px dashed #ccc;
padding: .1em .5em;
font-size: 24px;
text-align: left;
line-height: 1em;
margin-top: 15px;
margin-bottom: 15px;
}

.head_ttl-red{
border-left: 7px solid #f00;
border-bottom: 1px dashed #f99;
}

.head_ttl-blue{
border-left: 7px solid #00f;
border-bottom: 1px dashed #99f;
}

.head_ttl-green{
border-left: 7px solid #0f0;
border-bottom: 1px dashed #9f9;
}

/*----------------------------------------------------------
 style for form 140421 PM HS
----------------------------------------------------------*/

#primary form p{
	margin-top: 0;
	margin-bottom: 10px;
}

#primary form .box-input p:last-child{
	margin-bottom: 0;
}



/* チェックボックス
============================== */
div.check-group {
	margin-bottom: 3px;
	padding: 3px;
}
div.check-group input {
	display: none;
}
div.check-group label {
	cursor: pointer;
	padding: 8px 15px;
	float: left;
	border: solid 1px #aaa;
	margin-left: -1px;
	background: #eee;
	background-image: linear-gradient(top, #F6F6F6, #ccc);
	background-image: -ms-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -moz-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#ccc));
	box-shadow: 2px 2px 6px #ddd;
	-moz-box-shadow: 2px 2px 6px #ddd;
	-webkit-box-shadow: 2px 2px 6px #ddd;
	text-shadow: 1px 1px 0px #fff;
}
div.check-group div:first-child label {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;
}
div.check-group div:last-child label {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
}

div.check-group input:checked+label {
	color: #fff;
	background: #C3C3C3;
	background-image: linear-gradient(top, #C3C3C3, #DBDBDB);
	background-image: -ms-linear-gradient(top, #C3C3C3, #DBDBDB);
	background-image: -moz-linear-gradient(top, #C3C3C3, #DBDBDB);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C3C3C3), to(#DBDBDB));
	text-shadow: 0px 0px 0px #fff;
}

/*
div.check-group label.checked {
	color: #fff;
	background: #C3C3C3;
	background-image: -moz-linear-gradient(top, #C3C3C3, #DBDBDB);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C3C3C3), to(#DBDBDB));
	text-shadow: 0px 0px 0px #fff;
}

*/

/* テキスト選択時の色を透明 */
div.check-group label::-moz-selection,
div.check-group label::selection {
	background: transparent;
}




div.radio-group {
	margin-bottom: 3px;
	padding: 3px;
}
div.radio-group input {
	display: none;
}
div.radio-group label {
	cursor: pointer;
	padding: 8px 15px;
	float: left;
	border: solid 1px #aaa;
	margin-left: -1px;
	background: #eee;
	background-image: linear-gradient(top, #F6F6F6, #ccc);
	background-image: -ms-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -moz-linear-gradient(top, #F6F6F6, #ccc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#ccc));
	-moz-box-shadow: 2px 2px 6px #ddd;
	-webkit-box-shadow: 2px 2px 6px #ddd;
	text-shadow: 1px 1px 0px #fff;
}
div.radio-group div:first-child label {
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-bottomleft: 7px;
}
div.radio-group div:last-child label {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-topright: 7px;
	-moz-border-radius-bottomright: 7px;
}
div.radio-group input:checked+label {
	color: #fff;
	background: #C3C3C3;
	background-image: linear-gradient(top, #C3C3C3, #DBDBDB);
	background-image: -ms-linear-gradient(top, #C3C3C3, #DBDBDB);
	background-image: -moz-linear-gradient(top, #C3C3C3, #DBDBDB);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C3C3C3), to(#DBDBDB));
	text-shadow: 0px 0px 0px #fff;
}


form h4{
	font-weight: bold;
	margin: 20px 0;
}

form label{
	font-weight: bold;
}

form input,
form textarea{
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 100%;
}

form input[type="text"],
form input[type="tel"],
form input[type="email"],
form input[type="password"] {
	height: 13px;
	vertical-align: middle;
}

form input[type="radio"]{
	border: 0;
	border-radius: 5px;
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}

form input[type="checkbox"]{
	border: 0;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}

form input.fullwidth,
form textarea.fullwidth{
	width: 90%;
}

form select {
	vertical-align: middle;
	font-size: 100%;
}

form .combo {
	display: inline-block;
	margin-bottom: 5px;
}

form .combo input {
	margin-right: 5px;
}

form .combo label,
form label.combo {
	margin-right: 10px;
}

form .wrap4sp {
	width: 100%;
	margin-bottom: 10px;
}

form .box-wrap {
	display:table;
	border-bottom: 1px solid #ddd;
}

form .box-row {
	width: 100%;
	border-top: 1px solid #ddd;
	display:table;
}

form .box-label {
	font-weight: bold;
	width: 200px;
	display:table-cell;
	padding: 10px;
	vertical-align: top;
	background: #f9f9f9;
}

form .box-label span{
	font-weight: normal;
}

form .box-label .required{
	padding: 3px 3px 2px 3px;
	margin-left: 5px;
	background: #555;
	font-size: 0.9rem;
	color: #fff;
}

form .box-input {
	width: 400px;
	display:table-cell;
	padding: 10px;
	vertical-align: top;
}

form .desc {
	display: inline-block;
	color: #666;
	font-weight: normal;
}

form .warning {
	display: block;
	color: #dd0000;
	font-weight: bold;
	background:  url(../imgs/share/warning16.png) no-repeat 0 0;
//	background:  url(../imgs/share/warning.png) no-repeat 0 0;
//	background-size: 16px 16px;
	padding: 0 0 0 22px;
	margin: 10px 0;
}

form .error .box-label,
form .box-label.error {
	color: #dd0000;
	background: #fef3f7;
}


@media screen and (max-width:568px){

	#primary form .box-label p {
		margin-bottom: 0;
	}

	form .box-wrap {
		width: 100%;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	form .box-row {
		width: 100%;
		border-top: 1px solid #ddd;
		display: block;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	form .box-label,
	form .box-input {
		width: 100%;
		display: block;
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}

	form .box-label {
//		border-bottom: 1px solid #ddd;
	}

	form .box-input {
		padding-bottom: 20px;
	}

	form .box-input span {
		display: inline-block;
		margin-top: 10px;
	}
}


/* mypage @itoh
-------------------------------------------------- */
#whatsnew-area{
	overflow: hidden;
	zoom: 1;
	margin-bottom: 30px;
	background: #f9f9f9;
}

#whatsnew-area .whats-title{
	float: left;
	width: 120px;
	height: 120px;
	padding: 30px 14px 14px;
	background: #ee0000;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: right;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#whatsnew-area .news-list{
	float: left;
	width: 696px;
	height: 120px;
	padding: 13px 14px 13px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#whatsnew-area .news-list li{
	overflow: hidden;
	zoom: 1;
	margin-bottom: 5px;
}

#whatsnew-area .news-list li .date{
	display: block;
	float: left;
	width: 80px;
	margin-right: -80px;
}

#whatsnew-area .news-list li .title{
	display: block;
	float: left;
	margin-left: 80px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#whatsnew-area .news-list li a{
	margin-right: 5px;
}

#whatsnew-area .banner{
	float: left;
	width: 164px;
	height: 120px;
}

#whatsnew-area .banner img{
	margin-bottom: -5px;	
}

.mypage #content section{
	border-bottom: 1px solid #ddd;
}

.mypage #content section .more-link{
	margin-top: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: right;
}

.mypage #content .decoration-line.mystatus{
	padding-left: 48px;
	background: url(../imgs/mypage/icon-mystatus.gif) left top no-repeat;
	border: none;
}

.mypage #content .decoration-line.scolog{
	padding-left: 48px;
	background: url(../imgs/mypage/icon-scolog.gif) left top no-repeat;
	border: none;
}

.mypage #content .decoration-line.yadage{
	padding-left: 48px;
	background: url(../imgs/mypage/icon-yadage.gif) left top no-repeat;
	border: none;
}

.mypage #content .decoration-line.booking{
	padding-left: 48px;
	background: url(../imgs/mypage/icon-booking.gif) left top no-repeat;
	border: none;
}

.mypage #content .decoration-line.profile{
	padding-left: 48px;
	background: url(../imgs/mypage/icon-profile.gif) left top no-repeat;
	border: none;
}

.mypage #content .menu-list{
	position: relative;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
}

.mypage #content .menu-list li{
	padding-left: 20px;
	margin-bottom: 15px;
}

.mypage #content .menu-list li .label{
	margin-left: 5px;
	font-weight: normal;
	vertical-align: middle;
}

.mypage #content .menu-list li:before{
	content: '≫';
	position: absolute;
	left: 5px;
	color: #0088cc;
}

.mypage #content .menu-list .childlen li{
	padding-bottom: 0;
	padding-left: 0;
	margin-top: 5px;
	margin-bottom: 0;
	border-bottom: none;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}

.mypage #content .menu-list .childlen li:before{
	left: 7px;
}

.mypage #content .menu-list div{
	margin-top: 5px;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}

.mypage #content .recent-title{
	margin-bottom: 0;
	font-weight: bold;
	font-size: 14px;
	font-size: 1.4rem;
}

.mypage #content .recent-list td,
.mypage #content .recent-list th{
	border-left: none;
	border-right: none;
}

.mypage #content .recent-list td.date{
	width: 72px;
	color: #000;
}

.mypage #weather-area .course-name{
	margin-top: 10px;
	font-size: 14px;
	font-size: 1.4rem;
}

.mypage #weather-area ul{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 0;
	border-bottom: 1px solid #ddd;
}

.mypage #weather-area ul li{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	width: 100px;
	padding-top: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}

.mypage #weather-area ul li div{
	margin-bottom: 3px;
}

.mypage #weather-area ul li .date{
	margin-bottom: 5px;
	font-weight: bold;
}

.mypage #weather-area ul li .icon img{
	vertical-align: middle;
}

.mypage #weather-area ul li .temp .blue{
	color: #0000ff;
}

#profile-area .profile{
	overflow:hidden;
}
#profile-area img{
	margin:0 14px 0 0;
	float:left;
}
#profile-area ul img{
	margin:0 3px 2px 0;
	width:12px;
	height:15px;
	vertical-align:middle;
	float:none;
}
#profile-area ul li{
	margin:10px 0 0;
}
#profile-area ul li.name,
#profile-area ul li li{
	margin:0;
}
#profile-area ul li strong{
	color:#ff9320;
	font-family:Arial, Helvetica;
	font-size:24px;
	font-weight:bold;
}

#status-area ul li{
	overflow: hidden;
	zoom: 1;
	margin-bottom: 5px;
}

#status-area ul li img{
	margin-left: 5px;
}

#status-area ul li span{
	display: block;
	float: left;
	width: 250px;
}

#gear-area ul.clubs{
	float: left;
	width: 300px;
	margin-right: 10px;
}

#gear-area ul.clubs li{
	overflow: hidden;
	zoom: 1;
	margin-bottom: 5px;
}

#gear-area ul.clubs li .kind{
	display: block;
	float: left;
	width: 50px;
	padding-left: 10px;
}

#gear-area ul.clubs li .name{
	display: block;
	float: left;
	width: 150px;
}
#gear-area ul.clubs li .drive{
	display: block;
	float: left;
	width: 60px;
}

#gear-area table.sn{
/*
	float: right;
	width: 145px;
*/
}

#gear-area table.sn img{
	margin-right: 5px;
}

#fan-area ul{
	padding:0 0 6px;
	overflow:hidden;
}
#fan-area ul li{
	margin:0 4px 4px 0;
	line-height:0;
	float:left;
}
#fan-area .t-right{
	width:268px;
}

#fan-area ul{
	padding:0 0 6px;
	overflow:hidden;
}
#fan-area ul li{
	margin:0 4px 4px 0;
	line-height:0;
	float:left;
}
#fan-area .t-right{
	width:268px;
}
#welcome-area img{
	margin:0 14px 0 0;
	border-bottom:14px solid #fff;
	float:left;
}
#welcome-area h4,
#welcome-area strong{
	color:#ff9320;
	font-weight:bold;
}
#welcome-area p{
	margin:10px 0 0;
}
#welcome-area .t-right{
	padding:10px 0 0;
}
#notice-area ul,
#tools-area ul{
	margin-left:24px;
	list-style-type:disc;
}
#notice-area ul strong{
	color:#ff9320;
	font-weight:bold;
}

@media screen and (max-width:568px){
	#whatsnew-area td{
		display: block;
	}
	
	#whatsnew-area .whats-title{
		float: none;
		width: auto;
		height: auto;
		padding: 8px 14px;
		font-size: 16px;
		font-size: 1.6rem;
		text-align: left;
	}

	#whatsnew-area .news-list{
		float: none;
		width: auto;
		height: auto;
	}

	#whatsnew-area .news-list li{
		margin-bottom: 8px;
	}

	#whatsnew-area .banner{
		float: none;
		width: auto;
		height: auto;
		text-align: center;
	}

	#whatsnew-area .banner img{
		margin-bottom: 10px;
	}

	.mypage #content section{
		border: none;
	}

	.mypage #content .decoration-line.mystatus,
	.mypage #content .decoration-line.scolog,
	.mypage #content .decoration-line.yadage,
	.mypage #content .decoration-line.booking,
	.mypage #content .decoration-line.profile{
		padding: 12px 10px 12px 50px;
		background-size: 30px;
		background-position: 10px 10px;
		color: #000;
		border-top: 2px solid #ddd;
		border-bottom: 2px solid #ddd;
	}

	#primary{
	//	border-bottom: 0;
	}

	.mypage #weather-area ul li{
		width: 33%;
	}

}


/*20140501*/
#mystatus .widget{
	width: 300px;
	margin-right: 40px;
	margin-bottom: 15px;
	float: left;
}
#mystatus .widget:last-child{
	margin-right: 0;
}

#mystatus .widget-title{
/*
	padding: 0.3em 10px;
	margin-bottom: 15px;
	font-weight: bold;
	background: #f9f9f9;
	font-size: 16px;
	font-size: 1.6rem;
*/
	padding: 0.3em 0;
	margin-bottom: 15px;
	background: none;
	font-size: 18px;
	font-size: 1.8rem;
}

@media screen and (max-width:568px){

	#mystatus .widget,
	#mystatus .widget-title{
		width: 100%;
		margin-right: 0;
		float: none;
	}

}

/* for youtube */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  top: 15px;
  bottom: 25px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}