@charset "utf-8";

/*****************************************************

 リセット
 
*****************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,img,a{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;text-align:left;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

q:before,q:after{content:'';}

article, aside, figure, footer, header, hgroup, nav, section {display:block; } /* New HTML5 elements */ 

html {-webkit-text-size-adjust: none}/*スマホ文字自動調整オフ*/

a {text-decoration: none;}


/*****************************************************

 homeのレイアウト
 
*****************************************************/

body {
	background:#FFFFFF;
	color:#000000;
	font-size: 1em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif,Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:1.5;
	width:100%;
	height:100%;
	margin:0;
}

#wrapper {
	width:100%;
	height: 100%;
	position:relative;
	}
	
#top_header {
	position: absolute;
	height:70%;
	left:0;
	width:30%;
	min-width:30%;
	margin-top:0;
	}	

.contents { 
	position:absolute;
	top:0;
	left:35%;
	width:65%;
	height:100%;
}

.contents_box { background-color:#A52025;}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  

.clearfix { display: block; } 
	
/*****************************************************

 コンテンツ内CSS
 
*****************************************************/


#main1,#main2 {
	width:100%;
	border:none;
	}

#main1	{
	background-color: #000000;
	}

#main2	{
	background-color: #A52025;
	}
	
.contents_menu {
	width:50%;
	height:100%;
	}
	
#main1 img,#main2 img {
	width:92.2%;
	padding:5% 0 7.2% 7.2%;
	border:none;
	}
	
.on a:hover img {  
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	}
	
#main1 img,#main2 img a:hover {/*マウスをのせたとき*/
    color:#000000;
    text-decoration:underline;
}	
	

/*****************************************************

 ヘッダー内CSS
 
*****************************************************/

nav#top_nav {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:80%;
	}

nav#top_nav ul {
	list-style:none;
	width:100%;
	float:left;
	}

nav#top_nav ul li {
	float:left;
	}
	
ul, menu, dir {
-webkit-padding-start:0;
list-style:none;
}



/*****************************************************

 index.html
 
*****************************************************/
	
#header_inner {
	position:absolute;
	right:0;
	top:30%;
	}

h1 {
	text-indent:-9999px;
	width:286px;
	height:62px;
	background:url(../images/home/logo.png) no-repeat;
	}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.3em;
	margin-bottom:10px;
	}
	
section {
	padding-top:20px;
	display:block;
	}
	
dl {
	font-size:0.7em;
	color: #666666;
	}

dt {
	font-weight:bold;
	margin-bottom:0px;
	background:url(../images/home/icon_new.png) no-repeat;
	background-position:0pt 3pt;
	padding-left:10px;

	}
	
dd {
	padding-left:10px;
	margin-bottom:20px;
	}

a{/*リンクされた文字*/
    color:#000000;
    text-decoration: none;
}
a:link {/*未訪問のリンク*/
    color:#000000;
    text-decoration: none;
}
a:visited {/*訪問後のリンク*/
    color: #000000;
    text-decoration: none;
}
a:hover {/*マウスをのせたとき*/
    color:#000000;
    text-decoration:underline;
}
a:active {/*クリック中*/
	color:#666666;
    text-decoration: underline;
}

.sp_news { display:none;}

/***************************************

 フッター
 
***************************************/



/***************************************

 マージン調整
 
***************************************/

.mbt-5 {margin-bottom:5px;}

.mbt-10 {margin-bottom:10px;}

.mbt-15 {margin-bottom:15px;}

.mbt-20 {margin-bottom:20px;}

.mbt-30 {margin-bottom:30px;}

.mbt-40 {margin-bottom:40px;}

.mtp-5 {margin-top:5px;}

.mtp-10 {margin-top:10px;}

.mtp-15 {margin-top:15px;}

.mtp-20 {margin-top:20px;}

.mtp-30 {margin-top:30px;}

.mrt-5 {margin-right:5px;}

.mrt-10 {margin-right:10px;}

.mrt-15 {margin-right:15px;}

.mrt-20 {margin-right:20px;}

.mrt-30 {margin-right:30px;}

.mlt-5 {margin-left:5px;}

.mlt-10 {margin-left:10px;}

.mlt-15 {margin-left:15px;}

.mlt-20 {margin-left:20px;}

.mlt-30 {margin-left:30px;}