@charset "utf-8";

/*
Site Name: 
Description: layout
*/

/* base layout
----------------------------------------- */
#container{
    width:990px;
    text-align: left;
	margin:0 auto;
	position: relative;
}
#content{
    padding-left:40px;
}

#main{
	float: left;
	clear: left;
	width: 720px;
}

#sub{
	float: right;
	clear: right;
	width: 200px;
	margin-top: 10px;
}

/* - - - - - - - - - - contents css - - - - - - - - - - */

h1{
    margin-top: 10px;
}

table,
table.table01{
	font-size: 100%;
	margin: 5px 0 0 0;
	line-height: 1.3em;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #9CCACA;
	border-left-color: #9CCACA;
	/*margin-left: 20px;*/
	margin-bottom: 10px;
	color: #50686D;
}
table th,
table.table01 th{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #9CCACA;
	border-bottom-color: #9CCACA;
	padding: 10px;
	font-weight: bold;
	background-color: #DFF0F0;
}
table td,
table.table01 td{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #9CCACA;
	border-bottom-color: #9CCACA;
	padding: 10px;
}

table.table0{
	font-size: 100%;
	margin-left: 0;
	line-height: 1.3em;
	margin-left: 40px;
	margin-bottom: 20px;
	color: #50686D;
	width: 100%;
	border:none;
}
table.table0 th{
	padding: 0;
	font-weight: bold;
	background-color: #DFF0F0;
	border:none;
}
table.table0 td{
	padding: 0;
	border:none;
}
table.table0 td h4,
table.table0 td h5{
    margin-left: 0;
}

/* - - - main - - - */
#main h2{
	margin: 7px 0 10px 0px;
	padding: 10px 10px 10px 10px;
	font-size: 160%;
	font-weight: 900;
	color: #FFFFFF;
	background-image: url(http://www.ashika.jp/common2/img/about_top/h2_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	clear: both;
}
#main h2#about-title{
	padding: 5px 10px;
	background-image: none;
	background-color: #2AB4D3;
}

#main h3{
	margin: 5px 0 10px 10px;
	padding: 10px 10px 10px 10px;
	font-size: 150%;
	font-weight: 600;
	color: #5F818B;
	background-image: url(http://www.ashika.jp/common2/img/about_top/h3_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	clear: both;
}
#main h4{
	font-size: 120%;
	line-height: 1.2em;
	font-weight: bold;
	color: #50686D;
	background-image: url(http://www.ashika.jp/common2/img/about_top/h4_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 35px;
	margin-top: 20px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9CCACA;
	margin-left: 10px;
}
#main h4 em{
    float: right;
	font-size: 90%;
	color: #F87D00;
}
#main h4.insertion{
    background-image:none;
	padding-left:0;
}
#main h5{
	font-size: 110%;
	line-height: 1.2em;
	font-weight: bold;
	color: #50686D;
	background-image: url(http://www.ashika.jp/common2/img/about_top/h5_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 20px;
	padding-left: 25px;
	margin-top: 20px;
	margin-bottom: 10px;
}
#main h5 em{
    margin-left: 5px;
	color:#CC0000;
}
#main h6{
	font-size: 100%;
	line-height: 1.2em;
	font-weight: bold;
	color: #50686D;
	background-image: url(http://www.ashika.jp/common2/img/about_top/h6_bg.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	margin-top: 20px;
	margin-bottom: 10px;
	margin-left: 25px;
	padding-left: 15px;
}
#main p{
    margin-left: 10px;
	padding-bottom:10px;
	line-height:1.5em;
}
#main p.page-top{
    clear:both;
	text-align: right;
	font-size: 85%;
	margin:10px 0;
}
#main p.first{
	margin:10px 0 0;
	padding:10px;
	border:5px solid #CCCCCC;
	font-weight: bold;
	color:#666666;
}
#main p.first2{
	margin: 10px 10px 10px 0;
	padding:10px;
	background-color:#FFEFD0;
}
#main ul{
	margin: 10px;
}

#main ul li{
	background-image: url(../img/css/article_icon.gif);
	background-position: left 8px;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-top:3px;
	padding-bottom:3px;
}
#main address{
	line-height: 1.5;
	margin: 10px;
	padding:10px;
	background-color:#FFE1DD;
}
#main address strong{
	font-weight: bold;
}


/* - - - sub - - - */

#sub ul#sub-banner{
	margin: 15px 0 0 0;
	padding-bottom:15px;
}

#sub ul#sub-banner li{
	width: 200px;
	overflow: hidden;
	margin-bottom: 15px;
}



/* - - - foot - - - */
#footer-contents-information{
	clear: both;
	width: 950px;
	padding-top: 20px;
	margin: 0 auto 20px 0;
	overflow: hidden;
	font-size: 85%;
	background-image: url(/common2/img/about_top/footer_mobile_info_bg.gif);
	background-repeat: no-repeat;
	background-position: left 57px;
}

#footer-contents-information #footer_mobile_info{
	float: left;
	clear: left;
	width: 511px;
	overflow: visible;
	background-image: url(/common2/img/about_top/footer_mobile_info_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 15px;
}

#footer-contents-information #footer-attention-article{
	float: right;
	clear: right;
	width: 420px;
	overflow: hidden;
	background-image: url(/common2/img/about_top/footer_attention_article_bg.gif);
	background-repeat: no-repeat;
	background-position: left 37px;
}

#footer-contents-information #footer-attention{
	background-image: url(/common2/img/about_top/footer_attention_article_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 15px;
	overflow: visible;
}
#footer-contents-information #footer_mobile_info h3{
	float: left;
	clear: left;
	width: 511px;
	height: 37px;
	overflow: hidden;
	margin: 0;
	clear: both;
}

#footer-contents-information #footer_mobile_info p{
	margin: 30px 0 0 0;
	padding: 30px 15px 15px 15px;
}

#footer-contents-information #footer_mobile_info p#qr{
	float: left;
	clear: left;
	margin: 0px 0 0 0;
	padding: 13px 15px 0 15px;
}

/* IE7 */
*+html #footer-contents-information #footer_mobile_info p{
	margin: 15px 0 0 0px;
	padding-top: 30px;
}
/* IE6 */
* html #footer-contents-information #footer_mobile_info p{
	margin: 0px 0 0 0px;
	padding-top: 20px;
}

#footer-contents-information #footer-attention-article h3{
	float: left;
	clear: left;
	width: 258px;
	height: 38px;
	overflow: hidden;
	margin: 0;
	clear: both;
}

#footer-contents-information #footer-attention-article p{
	clear: left;
	padding: 20px 10px 0px 20px;
	margin: 0;
	overflow: hidden;
}

#footer-contents-information #footer-attention-article #footer-attention-article p{
	padding: 30px 0 0 0;
}

#footer-contents-information #footer-attention-article p#hear-it{
	margin: -50px 0 0 0;
	padding: 0;
	float: right;
}

/* IE7 */
*+html #footer-contents-information #footer-attention-article p{
	margin: 0px 0 0 0px;
	padding-top: 20px;
}
/* IE6 */
* html #footer-contents-information #footer-attention-article p{
	margin: 0px 0 0 0px;
	padding-top: 8px;
}

/* - - - about - - - */

#main #about-info{
	width: 718px;
	margin-top: 10px;
	padding-top: 25px;
	background-image: url(/common2/img/about_top/about_info_area_header.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#main #about-info #about-info-inner{
	padding-bottom: 50px;
	background-image: url(/common2/img/about_top/about_info_area_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#main #about-info #about-info-inner p{
	padding: 0px 15px 15px 15px;
}

#main #about-info #about-info-inner img{
	padding: 0px 10px 15px 0px;
}

/* IE6 */
*html #main #about-info #about-info-inner img{
	margin-right: 10px;
}