@charset "utf-8";

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



   common/main.css


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

#main{
	clear:both;
	width:980px;
	margin:0 auto;
	position:relative;
	background:url(../../img/common/main/side_bg.png) 0px 0px repeat-y;
}

#top_content{
	width:735px;
	float:right;
	margin:0 0 60px 0;
}

#content{
	width:750px;
	float:right;
	margin:0 0 60px 0;
	padding:173px 0 0 0;
	word-wrap: break-word;
}

#panlist{
	width:100%;
	clear:both;
	
}

#panlist ul{
	padding:0 0 15px 10px;
	margin:0;
	list-style:none;
}

#panlist ul li{
	padding:0;
	margin:0 10px 0 0;
	list-style:none;
	float:left;
	font-size:90%;
}


#panlist ul li a{
	padding:0 20px 0 0;
	margin:0;
	list-style:none;
	background:url(../../img/common/icon/arrow03.png) right center no-repeat;
	color:#666666;
}

.article{
	background:#FFFFFF;
	padding:20px;
	box-shadow:rgba(66, 66, 66, 0.24) 0px 0px 4px -2px;
	-webkit-box-shadow:rgba(66, 66, 66, 0.24) 0px 0px 4px -2px;
	-moz-box-shadow:rgba(66, 66, 66, 0.24) 0px 0px 4px -2px;
}

.article_in{
	clear:both;
	padding:0 10px 20px 10px;
}

.article_in a{
	color:#0b82b9 !important
}

.sub_ttl{
	background:#1F9797;
	transition: all 0.3s ease 0s !important;
	margin:0 0 20px 0;
    color: #FFFFFF;
	font-size:17px;
	padding:10px 10px 10px 17px;
	border-radius:2px;
}

.sub_ttl01{
	clear:both;
	background:#526D18;
	font-size:17px;
	padding:10px 5px 5px 20px;
	margin:0 0 20px 0;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:3px solid #445115;
}

.sub_ttl02 {
	clear:both;
	margin:20px 0px;
    background: #888888;
    color: #ffffff;
    font-size: 16px;
    padding: 8px 10px 8px 15px;
	border-radius:2px;
}

.sub_ttl02_link {
	clear:both;
	margin:20px 0px;
    background: #888888 url(../../img/common/icon/arrow_hover.png) right 13px no-repeat;
    color: #ffffff;
    font-size: 16px;
    padding: 8px 10px 8px 15px;
	border-radius:2px;
	cursor:pointer;
}

.sub_ttl02_link a{
    color: #ffffff !important;
	display:block
}

/*.sub_ttl02{
	clear:both;
	background:url(../../img/common/icon/sub_ttl.png) 11px 0 no-repeat;
	font-weight:bold;
	padding:0 0 8px 39px;
	margin:20px 0px;
	border-bottom:3px solid #838383;
}
*/

.sub_ttl03{
	clear:both;
	font-weight:bold;
	padding:0 0 8px 10px;
	margin:20px 0px;
	font-size:18px;
	border-bottom:3px solid #838383;
}

.sub_ttl04{
	clear:both;
	background:url(../../img/common/icon/sub_ttl.png) 11px 0 no-repeat;
	font-weight:bold;
	padding:0 0 8px 39px;
	margin:20px 0px;
	border-bottom:3px solid #838383;
}

.index_box{

}

.index_box ul{
	padding:0px !important;
	margin:0px !important;
}

.index_box ul li.lbox{
	padding:0px !important;
	margin:0px !important;
	width:355px;
	float:left;
}

.index_box ul li.rbox{
	padding:0px !important;
	margin:0px !important;
	width:335px;
	float:left;
}

.index_box ul li img{
	margin:35px 0px 20px 0;
	float:right;
}
.box_menu{
	width:333px;
	margin:0 -1px 20px 0;
	padding:0 0 20px 0;
	background:#F7F7F7;
	border:1px solid #CCC;		
}

.box_menu p{
	background:url(../../img/common/icon/arrow04.png) 17px 20px no-repeat;
    border-bottom: 1px dashed #CCC;
    font-size: 15px;
    padding: 15px 0 0 34px;
}


span.new {
    display: none;
    color:#d96876;
}


#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #1f9797;
    text-decoration: none;
    color: #fff;
    width: 130px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
	font-size:14px;
}
#page-top a:hover {
    text-decoration: none;
	opacity:0.9;
}


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

#main{
	clear:both;
	width:100%;
	background:none;
}

#top_content{
	clear:both;
	width:100%;
	margin:0 0 60px 0;
}

#content{
	clear:both;
	float:none;
	width:95%;
	margin:0 auto;
	padding:20px 0;
}

.article{
	padding:10px;
}

.sub_ttl02_link a{
    color: #ffffff !important;
	display:block;
	padding:0 15px 0 0;
}

#panlist{
	display:none;	
}

.box_menu{
	width:100%;
	margin:0 -1px 20px 0;
	padding:0 0 20px 0;
	background:#F7F7F7;
	border:1px solid #CCC;		
}


.index_box ul li.lbox{
	padding:0px !important;
	margin:0px !important;
	width:98%;
	float:none;
}

.index_box ul li.rbox{
	padding:0px !important;
	margin:0px !important;
	width:98%;
	float:none;
}



}