@charset "utf-8";
/* ----------------------------------------------------

★全体共通css
-------------------------------------------------------

build:2014-11
lastupdate:2015-12
version:1.1
author:kh

-------------------------------------------------------

★目次
01.reset
02.font
03.linkcolor

---------------------------------------------------- */

.sub_head{
	background: url(../img/head_bg.png) repeat;
	margin: 30px 0 10px;
}
.sub_head .tit{
	width: 192px;
	padding: 50px;
	margin: auto;
}
.pankuzu{
	width: 1000px;
	color: #fff;
	margin: 10px auto 60px;
}
.pankuzu a{
	color: #fff;
	text-decoration: underline;
}
.content:after{content: ""; display: block; clear: both; }
.content{ display: inline-block; } 
.content{ 
	display: block;
	width: 1000px;
	margin: auto;
	color: #fff;
}
.content_left a{ color: #fff; } 
.content_left{
	width: 70%;
	display: inline-block;
	float: left;
}
.content_right{
	width: 26%;
	display: inline-block;
	float: right;
	background: url(/common/img/side_bg.png) no-repeat right bottom / 80% auto;
}
.content_right .innar{
	width: 65%;
	background: #000;
	border: solid 6px #fff;
	padding: 20px;
	margin: 0 9% 9%;
}
.content_right .tit{
	margin: auto;
	border-bottom: solid  2px #ccc;
	margin-bottom: 17px;
	padding-bottom: 13px
}
.content_right ul{
	margin-bottom: 10px;
}
.content_right li{
	margin-bottom: 7px;
}
.content_right li a{
	display: block;
	color: #fff;
	padding-left: 13px;
	background: url(/common/img/icon_arrow.png) no-repeat left center / 6px auto;
}
.content_right li a:hover{
	text-decoration: none;
	color: #e5107d;
	-webkit-transition: .2s;
	transition: .2s;
}	


/* ■02.横幅1300px以上（PC用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:1320px) {
/* ▼PC用================================================================== */

.content{ width: 1000px; }
.pankuzu{ width: 1000px; }
	
/* ▲PC用================================================================== */
}


/* ■03.横幅768px以上、1299px以下（Tab用）スクロールバー対策で+20pxを指定する
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:1319px) {
/* ▼Tab用================================================================= */

.content{ max-width: 1000px; width: 96%; }
.pankuzu{ max-width: 1000px; width: 96%; }
	
/* ▲Tab用================================================================= */
}

/* ■04.横幅480px以上、767px以下（SP横用）
--------------------------------------------------- */
@media screen and (min-width:480px) and (max-width:767px) {
/* ▼SP横用================================================================ */
	
.content{ width: 96%; } 
.pankuzu{ width: 96%; } 
.content_left{
	width: auto;
	display: block;
	float: none;
	margin-bottom: 30px;
}
.content_right{
	width: auto;
	display: block;
	float: none;
	background: none;
}	
.content_right .innar{ margin: auto; width: 70%; }	
	
/* ▲SP横用================================================================ */
}


/* ■05.横幅479px以下（SP縦用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:479px) {
/* ▼SP縦用用================================================================ */
	
.content{ width: 92%; } 
	
.content_left{
	width: auto;
	display: block;
	float: none;
	margin-bottom: 30px;
}
.content_right{
	width: auto;
	display: block;
	float: none;
	background: none;
}	
.content_right .innar{
	margin: auto;
	width: 80%;
}			
.content_right .innar .tit{
	width: 80%;
	}	
	
	
/* ▲SP縦用用================================================================ */
}

/* ■03.link 
--------------------------------------------------- */