@charset "shift_jis";

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

TOP PAGE

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

.topCommBox{
	background:url(../image/top_com_bg.jpg) center center repeat-y;
	margin:0 0 40px 0;}

.topCommInner{
	background:url(../image/top_com_kage_top.png) center top no-repeat;}

.topCommBox p{
	text-align:left;
	font-size:18px;
	line-height:1.8;
	color:#300;
	padding:40px 200px;
	background:url(../image/top_com_kage_bot.png) center bottom no-repeat;}


.topMainBox{
	}

.topShidashiBox{
	width:470px;
	float:left;}

.topYusuikanBox{
	width:470px;
	float:right;}

.topMainBox h2{
	height:470px;
	height:308px;
	position:relative;
	margin:0 0 15px 0;}

.topMainBox h2 span{
	display:block;
	width:482px;
	height:329px;
	overflow:hidden;
	position:absolute;
	top:-6px; left:-6px;}
.topMainBox h2 a{display:block;}
.topMainBox h2 a:hover{margin:-329px 0 0 0;}

.topMainCont{
	}

.topMainContFs{
	background:url(../image/top_cont_tensen.png) left top repeat-x;
	padding:1px 0 0 0;}

.topMainCont a{
	display:block;
	padding:15px 0;
	transition: all 0.3s;
	background:url(../image/top_cont_tensen.png) left bottom repeat-x;}

.topMainCont a         {color: #000; text-decoration:none}
.topMainCont a:link    {color: #000; text-decoration:none}
.topMainCont a:visited {color: #000; text-decoration:none}
.topMainCont a:active  {}
.topMainCont a:hover   {color: #000; text-decoration:none; background-color:#fffff9;}

.topMainCont span{display:block;}

.topMainContImg{
	width:165px;
	float:left;}

.topMainContCom{
	width:290px;
	text-align:left;
	float:right;}

.topMainContSt{
	margin:8px 0 8px 0;}

.topMainContText{
	color:#333;
	font-size:15px;
	line-height:1.5;}

.topMainContText small{
	font-size:12px;}


/*-----767以下-----*/
@media (max-width: 767px) {

	.topCommBox{
		background:url(../image/top_com_bg.jpg) -160px center repeat-y;
		margin:0 0 40px 0;}

	.topCommBox p{
		text-align:left;
		font-size:15px;
		line-height:1.8;
		color:#300;
		padding:20px 10px 25px 10px;
		background:url(../image/top_com_kage_bot.png) center bottom no-repeat;}


	.topShidashiBox{
		width:auto;
		float:none;
		margin-bottom:40px;
		padding:0 10px;}

	.topYusuikanBox{
		width:auto;
		float:none;
		padding:0 10px;}

	.topMainBox h2{
		height:auto;
		height:auto;
		position:static;
		margin:0 0 15px 0;}

	.topMainBox h2 span{
		display:block;
		width:auto;
		height:auto;
		overflow:hidden;
		position:static;}
	.topMainBox h2 a{display:block;margin-top:-68%;}
	.topMainBox h2 a:hover{margin:-68% 0 0 0;}

	.topMainBox h2 a img{
		width:100%;
		height:auto;}

	.topMainCont{
		}

	.topMainCont a{
		display:block;
		padding:15px 0;
		transition: all 0.3s;
		background:url(../image/top_cont_tensen.png) left bottom repeat-x;}

	.topMainCont a         {color: #000; text-decoration:none}
	.topMainCont a:link    {color: #000; text-decoration:none}
	.topMainCont a:visited {color: #000; text-decoration:none}
	.topMainCont a:active  {}
	.topMainCont a:hover   {color: #000; text-decoration:none; background-color:#fffff9;}

	.topMainCont span{display:block;}

	.topMainContImg{
		width:100px;
		float:left;}

	.topMainContImg img{
		width:100%;
		height:auto;}

	.topMainContCom{
		width:auto;
		text-align:left;
		float:none;
		padding-left:110px;}

	.topMainContSt{
		margin:0 0 4px 0;}

	.topMainContSt img{
		height:18px;
		width:auto;}

	.topMainContText{
		font-size:14px;}

	.topMainContText small{
		font-size:11px;}

}