@charset "utf-8";

body	{
	margin:			0px;
	padding:		0px;
	font-family:		"メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

img{
	margin:			0px;
	border:			none;
	vertical-align:		bottom;
}

.append-context{
	display:		none;
}

.clearfix:after{
	content:		".";
	display:		block;
	visibility:		hidden;
	height:			0.1px;
	font-size:		0.1em;
	line-height:		0;
	clear:			both;
}

.clearfix{
	zoom:			100%;
}

ul,ol{
	list-style-type:	none;
}

h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,ol,li,p{
	margin:			0px;
	padding:		0px;
}

h1{
	display:		none;
}

a:link,
a:visited,
a:hover,
a:active{
	color:			#333333;
	text-decoration:	none;
}
a:hover{
	text-decoration:	underline;
}
.center{
text-align: center;
}
/*-----------------------------------------------*/
a.bannerframe{
	display:		block;
}

a.bannerframe_hover{
	position:		relative;
	text-decoration:	none;
}

a.bannerframe_hover:hover{
	text-decoration:	none;
}

a.bannerframe_hover span.bannerframe_top{
	position:		absolute;
	top:			0px;
	left:			0px;
	background:		url(/common/_img/bannerframe.png) no-repeat left top;
}

a.bannerframe_hover span.bannerframe_bottom{
	position:		absolute;
	top:			0px;
	left:			0px;
	background:		url(/common/_img/bannerframe.png) no-repeat left top;
}

a.SARI{
	display:		inline-block;
	position:		relative;
}

a.SARI span.cover{
	display:		none;
	position:		absolute;
	top:			0px;
	left:			0px;
	background-color:	#000000;
	cursor:			pointer;
}

.thumbnail-LBX a{
	display:		inline-block;
	position:		relative;
}

.thumbnail-LBX a span.cover{
	display:		none;
	position:		absolute;
	top:			0px;
	left:			0px;
	background-color:	#000000;
	cursor:			pointer;
}

.thumbnail-LBX a span.icon{
	display:		block;
	position:		absolute;
	bottom:			0px;
	right:			0px;
	width:			15px;
	height:			15px;
	background:		url(/common/_img/ico_plus.gif) no-repeat 0 0;
}

.thumbnail-LBX a:hover span.icon{
	background-position:	0 -15px;
}

p#pagetop{
	position:		fixed;
	top:			50%;
	right:			0px;
	margin-top:		-45px;
}

#wrap{
	padding:		0px 0px 47px 0px;
}

#wrap.bg1{
	background:		url(/common/_img/bg_01.jpg) no-repeat center top;
}

#wrap.bg2{
	background:		url(/common/_img/bg_02.jpg) no-repeat center top;
}

#wrap.bg3{
	background:		url(/common/_img/bg_03.jpg) no-repeat center top;
}

#wrap.bg4{
	background:		url(/common/_img/bg_04.jpg) no-repeat center top;
}

#wrap.bg5{
	background:		url(/common/_img/bg_05.jpg) no-repeat center top;
}

#wrap.bg6{
	background:		url(/common/_img/bg_06.jpg) no-repeat center top;
}

#wrap.bg7{
	background:		url(/common/_img/bg_07.jpg) no-repeat center top;
}

#wrap.bg8{
	background:		url(/common/_img/bg_08.jpg) no-repeat center top;
}

#wrap.bg9{
	background:		url(/common/_img/bg_09.jpg) no-repeat center top;
}

#wrap.bg10{
	background:		url(/common/_img/bg_10.jpg) no-repeat center top;
}

#wrap.bg11{
	background:		url(/common/_img/bg_11.jpg) no-repeat center top;
}

#wrap2{
	border-bottom:		1px solid #E3DB74;
	background:		url(/common/_img/foo_bg_01.jpg) no-repeat center bottom;
}

#content{
	width:			1000px;
	margin:			0px auto;
}

#head{
	height:			315px;
	margin:			0px 0px 10px 0px;
	position:		relative;
}

#head .sns{
	position:		absolute;
	top:			35px;
	right:			0px;
}

#head .sns ul li{
	float:			left;
}

#head .sns ul li.twitter iframe{
	width:			120px !important;
}

#head p.logo{
	position:		absolute;
	top:			29px;
	left:			0px;
}

#head p.logo a{
	display:		block;
	width:			258px;
	height:			0px;
	padding-top:		155px;
	overflow:		hidden;
	font-size:		0px;
	line-height:		0;
	text-indent:		-9999px;
}

#head p.title{
	position:		absolute;
	bottom:			100px;
	right:			0px;
}

#head p.kuji{
	position:		absolute;
	/*bottom:			110px;*/
	bottom:			106px;
	right:			0px;
}

/*#head p.title_anv8{
	position:		absolute;
	bottom:			105px;
	left:			0px;
}*/

#head form.utility{
	margin:			0px;
	padding:		0px;
	width:			423px;
	height:			30px;
	background:		url(/common/_img/hea_bg_01.png) no-repeat left top;
	position:		absolute;
	top:			0px;
	right:			0px;
}

#head form.utility ul{
	float:			left;
	padding:		8px 0px 0px 9px;
}

#head form.utility ul li{
	display:		inline;
	padding-right:		8px;
	font-size:		0px;
	line-height:		0;
}

#head form.utility dl{
	width:			205px;
	float:			right;
	padding:		0px 0px 0px 0px;
	position:		relative;
	font-size:		0px;
	line-height:		0;
}

#head form.utility dl dt{
	width:			200px;
	height:			21px;
	padding:		2px 0px 0px 0px;
	position:		absolute;
	top:			4px;
	left:			0px;
	background:		url(/common/_img/hea_search_bg.png) no-repeat left top;
}

#head form.utility dl dt input{
	width:			135px;
	border:			none;
	padding:		0px;
	display:		block;
	margin:			0px 0px 0px 22px;
	padding:		2px 0px;
	font-size:		10px;
	line-height:		1.2;
	color:			#6C6C6C;
	background-color:	transparent;
}

#head form.utility dl dd{
	position:		absolute;
	top:			7px;
	right:			8px;
}

#head .globalnavi{
	position:		absolute;
	top:			206px;
	left:			0px;
	width:			1000px;
	height:			109px;
	background:		url(/common/_img/nav_bg_01.png) no-repeat left top;
}

#head .globalnavi ul li a{
	display:		block;
	overflow:		hidden;
	font-size:		0px;
	line-height:		0;
	text-indent:		-9999px;
	background-image:	url(/common/_img/nav_but.png);
	background-repeat:	no-repeat;
}

#head .globalnavi ul.main{
	width:			790px;
	float:			left;
}

#head .globalnavi ul.main li{
	display:		block;
	float:			left;
	padding:		0px 0px 0px 3px;
}

#head .globalnavi ul.main li a{
	padding-top:		109px;
}

#head .globalnavi ul.main li.navi1 a{
	width:			130px;
	background-position:	0 0;
}

#head .globalnavi ul.main li.navi1 a:hover,
#head .globalnavi ul.main li.navi1 a.current{
	background-position:	0 -109px;
}

#head .globalnavi ul.main li.navi2 a{
	width:			160px;
	background-position:	-130px 0;
}

#head .globalnavi ul.main li.navi2 a:hover,
#head .globalnavi ul.main li.navi2 a.current{
	background-position:	-130px -109px;
}

#head .globalnavi ul.main li.navi3 a{
	width:			130px;
	background-position:	-290px 0;
}

#head .globalnavi ul.main li.navi3 a:hover,
#head .globalnavi ul.main li.navi3 a.current{
	background-position:	-290px -109px;
}

#head .globalnavi ul.main li.navi4 a{
	width:			88px;
	background-position:	-420px 0;
}

#head .globalnavi ul.main li.navi4 a:hover,
#head .globalnavi ul.main li.navi4 a.current{
	background-position:	-420px -109px;
}

#head .globalnavi ul.main li.navi5 a{
	width:			124px;
	background-position:	-508px 0;
}

#head .globalnavi ul.main li.navi5 a:hover,
#head .globalnavi ul.main li.navi5 a.current{
	background-position:	-508px -109px;
}

#head .globalnavi ul.main li.navi6 a{
	width:			137px;
	background-position:	-632px 0;
}

#head .globalnavi ul.main li.navi6 a:hover,
#head .globalnavi ul.main li.navi6 a.current{
	background-position:	-632px -109px;
}

#head .globalnavi ul.sub{
	width:			198px;
	float:			right;
	padding:		15px 2px 0px 0px;
}

#head .globalnavi ul.sub li{
	margin:			0px 0px 4px 0px;
}

#head .globalnavi ul.sub li a{
	width:			200px;
	padding-top:		40px;
}

#head .globalnavi ul.sub li.navi7 a{
	background-position:	-769px 0;
}

#head .globalnavi ul.sub li.navi7 a:hover,
#head .globalnavi ul.sub li.navi7 a.current{
	background-position:	-769px -40px;
}

#head .globalnavi ul.sub li.navi8 a{
	background-position:	-769px -80px;
}

#head .globalnavi ul.sub li.navi8 a:hover,
#head .globalnavi ul.sub li.navi8 a.current{
	background-position:	-769px -120px;
}




#main{
	margin:			0px 0px 50px 0px;
}

#main a{
	color:			#0066CC;
}

#main .column-left{
	width:			200px;
	float:			left;
	margin:			0px 30px 0px 0px;
	font-size:		10px;
	line-height:		1.2;
}

#main .column-left .localmenu{
	margin:			0px 0px 10px 0px;
}

#main .column-left .localmenu .inner{
	background:		url(../_img/localmenu_bg.png) no-repeat left bottom;
	padding:		0px 0px 13px 10px;
}

#main .column-left .link ul li{
	display:		inline;
}

#main .main-contents{
	width:			770px;
	float:			left;
}

#main .main-contents ol.breads-crumb{
	margin:			0px 0px 10px 0px;
}

#main .main-contents ol.breads-crumb li{
	font-size:		12px;
	line-height:		1.2;
	display:		inline;
	color:			#666666;
}

#main .main-contents .inner-top{
	height:			10px;
	background:		url(/common/_img/bod_bg_01_top.png) no-repeat left top;
}

#main .main-contents .inner{
	padding:		5px 0px 0px 16px;
	background:		url(/common/_img/bod_bg_01.png) repeat-y left top;
}

#main .main-contents .inner-bottom{
	height:			10px;
	background:		url(/common/_img/bod_bg_01_bottom.png) no-repeat left bottom;
}






#foot{
	position:		relative;
}

#foot .banner{
	text-align:		center;
	margin:			0px 0px 10px 0px;
}

#foot .banner ul li{
	display:		inline;
	padding:		0px 2px 0px 3px;
}

#foot .banner ul li a{
	display:		inline-block;
	padding:		7px 0px 0px 0px;
	background:		url(/common/_img/ico_pr.gif) no-repeat left top;
}

#foot .sitemap{
	zoom:			1;
	position:		relative;
/*	height:			394px;
*/	height:			367px;
	padding:		27px 0px 0px 21px;
	background:		url(/common/_img/foo_bg_02.png) no-repeat left top;
}

#foot .sitemap .category{
	width:			120px;
	float:			left;
	margin:			0px 19px 0px 0px;
}

#foot .sitemap .category h3{
	margin-bottom:		10px;
}

#foot .sitemap .category ul li{
	font-size:		10px;
	line-height:		1.2;
	padding:		3px 0px 3px 12px;
	border-bottom:		1px dotted #CAC051;
	background:		url(/common/_img/ico_dot.gif) no-repeat 0 8px;
}

#foot .sitemap .category ul li.last-child{
	border-bottom:		none;
}

#foot .sitemap .category ul li a.blank{
	padding-right:		14px;
	background:		url(/common/_img/ico_blank.gif) no-repeat center right;
}

#foot .sitemap .support{
	margin-right:		10px;
}

#foot .sitemap .store{
	width:			130px;
	padding-bottom:		18px;
	border-left:		1px solid #EEEEEE;
}

#foot .sitemap .store h3,
#foot .sitemap .store ul{
	margin-left:		10px;
}

#foot .sitemap .store h3.tool{
	padding-top:		50px;
}

#foot .sitemap .other{
	position:		absolute;
	bottom:			0px;
	left:			0px;
	padding:		0px 0px 10px 21px;
}

#foot .sitemap .other ul li{
	padding-right:		11px;
	display:		inline;
}

#foot .sitemap .other ul.text{
	padding-top:		13px;
}

#foot .sitemap .other ul.text li{
	font-size:		10px;
	line-height:		1.2;
	padding:		0px 10px;
	border-left:		1px solid #EBE69D;

}

#foot .sitemap .other ul.text li.first-child{
	padding-left:		0px;
	border-left:		none;
}

#foot p.copyright{
	position:		absolute;
	bottom:			-25px;
	left:			0px;
	font-size:		10px;
	line-height:		1.2;
	margin:			0px 0px 0px 22px;
}



/* login */

#login-wrap .login-contents{
	width:			200px;
	font-size:		10px;
	line-height:		1.2;
	background:		url(/common/_img/sub_bg_03_bottom.gif) no-repeat left bottom;
}

#login-wrap .login-contents .inner{
	padding:		10px 0px 10px 10px;
	background:		url(/common/_img/sub_bg_03_top.gif) no-repeat left top;
}

#login-wrap .login-contents .box{
	background:		url(/common/_img/sub_login_box_bg.gif) no-repeat left bottom;
}

#login-wrap .login-contents .box-inner{
	padding:		6px;
	background:		url(/common/_img/sub_login_box_bg_top.gif) no-repeat left top;
}

#login-wrap .login-contents .box2{
	width:			87px;
	background:		url(/common/_img/sub_login_box2_bg.gif) no-repeat left bottom;
}

#login-wrap .login-contents .box2-inner{
	padding:		6px;
	background:		url(/common/_img/sub_login_box2_bg_top.gif) no-repeat left top;
}

#login-wrap .login-contents .name{
	margin:			0px 0px 12px 0px;
	background:		url(/common/_img/sub_login_name_bg.gif) no-repeat left bottom;
}

#login-wrap .login-contents .name-inner{
	padding:		15px 6px 10px 6px;
	text-align:		center;
	background:		url(/common/_img/sub_login_name_bg_top.gif) no-repeat left top;
}

#login-wrap .login-contents .name p{
	color:			#6C6C6C;
}

#login-wrap .login-contents .name p.id{
	font-size:		14px;
	font-weight:		bold;
	margin:			0px 0px 10px 0px;
}

#login-wrap .login-contents .loginform{
	margin:			0px 0px 10px 0px;
	position:		relative;
}

#login-wrap .login-contents .loginform p.input{
	width:			180px;
	height:			21px;
	margin:			0px 0px 5px 0px;
	background:		url(/common/_img/sub_login_input_bg.png) no-repeat left top;
}

#login-wrap .login-contents .loginform p.input input{
	width:			168px;
	padding:		4px 6px;
	border:			none;
	font-size:		10px;
	color:			#6C6C6C;
	background:		transparent;
}

#login-wrap .login-contents .loginform .dummy_password{
	position:		absolute;
	font-size:		10px;
	color:			#6C6C6C;
	padding:		4px 6px;
}

#login-wrap .login-contents .loginform p.submit{
	padding-top:		1px;
}

#login-wrap .login-contents .loginform ul li{
	margin:			5px 0px 0px 0px;
	padding:		0px 0px 0px 24px;
}

#login-wrap .login-contents .loginform ul li a{
	color:			#191919;
	text-decoration:	underline;
}

#login-wrap .login-contents .loginform ul li.security{
	background:		url(/common/_img/sub_login_ico_01.gif) no-repeat left top;
}

#login-wrap .login-contents .loginform ul li.reminder{
	line-height:		22px;
	background:		url(/common/_img/sub_login_ico_02.gif) no-repeat left top;
}

#login-wrap .login-contents .acount{
	margin:			0px 0px 10px 0px;
}

#login-wrap .login-contents .acount h3{
	margin:			0px 0px 10px 0px;
	padding:		0px 0px 2px 0px;
	background:		url(/common/_img/sub_lin_01.gif) no-repeat left bottom;
}

#login-wrap .login-contents .acount select{
	width:			168px;
}

#login-wrap .login-contents .acount p.message{
	line-height:		1.2;
	color:			#6C6C6C;
	margin:			5px 0px 0px 0px;
}

#login-wrap .login-contents .acount ul.info{
	width:			168px;
	margin:			0px 0px 0px 1px;
}

#login-wrap .login-contents .acount ul.info li{
	color:			#FF6633;
	margin:			5px 0px 0px 0px;
	padding:		0px 0px 0px 17px;
	line-height:		14px;
	background:		url(/common/_img/sub_login_ico_03.gif) no-repeat left top;
}

#login-wrap .login-contents .acount ul.info li a{
	color:			#FF6633;
}

#login-wrap .login-contents .acount ul.button li{
	padding-top:		5px;
}

#login-wrap .login-contents .acount p.logout{
	margin-top:		10px;
}

#login-wrap .login-contents .openID{
	margin:			0px 0px 15px 0px;
	padding:		12px 0px 0px 0px;
	background:		url(/common/_img/sub_lin_01.gif) no-repeat left top;
}

#login-wrap .login-contents .openID h3{
	margin:			0px 0px 5px 0px;
}

#login-wrap .login-contents .openID .list ul{
	padding-bottom:		5px;
}

#login-wrap .login-contents .openID .list ul li{
	padding-right:		5px;
	display:		inline;
}

#login-wrap .login-contents .openID .list p.link{
	margin:			0px 0px 0px 2px;
	padding:		0px 0px 0px 17px;
	line-height:		14px;
	background:		url(/common/_img/sub_login_ico_03.gif) no-repeat left top;
}

#login-wrap .login-contents .tool{
	padding:		12px 0px 0px 0px;
	background:		url(/common/_img/sub_lin_01.gif) no-repeat left top;
}

#login-wrap .login-contents .tool .box2{
	float:			left;
	margin-top:		5px;
}

#login-wrap .login-contents .tool .box2-inner{
	min-height:		52px;
}

#login-wrap .login-contents .tool h4{
	margin:			0px 0px 4px 0px;
}

#login-wrap .login-contents .tool .support{
	margin-right:		6px;
}

#login-wrap .login-contents .tool .support p{
	padding:		2px 0px 0px 18px;
	line-height:		17px;
	background:		url(/common/_img/sub_login_ico_mail.gif) no-repeat left top;
}

#login-wrap .login-contents .tool .security p{
	padding:		2px 0px 0px 18px;
	line-height:		1.2;
	background:		url(/common/_img/sub_login_ico_04.gif) no-repeat left top;
}

#login-wrap .login-contents .banner{
	padding:		7px 0px 0px 0px;
	background:		url(/common/_img/sub_lin_01.gif) no-repeat left top;
}


/*----- gHeader -----*/

#gunghoHeader * {	margin: 0; padding: 0; border: none; }

#gunghoHeader {
	padding-top: 4px;
	height: 25px;
	border-bottom: #757575 1px solid;
	background-color: #FFF;
}

#gunghoHeader #ghInner {
	width: 1000px;
	margin: 0 auto;
}

#gunghoHeader #ghInner li {
	display: inline-block;
	list-style-type: none;
	float: left;
}

#gunghoHeader #ghInner li a {
	display: inline-block;
}

#gunghoHeader #ghInner li#ggLogo {
	margin-right: 13px;	
}

#gunghoHeader #ghInner li.textMenu {
	padding-top: 5px;
	font-size: 12px;
	line-height: 100%;
	/*margin-right: 10px;*/
}

#gunghoHeader #ghInner li.textMenu a:link , #gunghoHeader #ghInner li.textMenu a:visited , #gunghoHeader #ghInner li.textMenu a:hover {
	color: #757575;
	text-decoration: underline;
}

#gunghoHeader #ghInner ul.floatLeft { float: left; }
#gunghoHeader #ghInner ul.floatRight { float: right; }

/*--  2012/11/16 ono add  --*/
a#smartphoneCH{
	width:100%;
	font-size: 40px;
	margin:0px auto;
	font-weight: bold;
	text-align: center;
	line-height: 100px;
	padding-top: 5px;
	
	border-bottom: #eee;
	display:block;
	color: #444;
	text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff;
	background:#eee;
	text-decoration:none;
}

/*--  2012/11/16 ono add  --*/
.bannerlist{
	width:900px;
	margin:0 auto;
	text-align:center;
}
.bannerlist ul li{
	float:left;
	margin:10px;
	
}

/*--  2015/09/15 saiki add  --*/
.f-red{color: red;}
.f-bold{font-weight:bold;}