@charset "UTF-8";
/* CSS Document */

body {
	width:100%;
	background-image:url(../img/bk.png);
	background-repeat:repeat;
	font-size:12px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:160%;
	}
	
a {	text-decoration: none;}
a:link		{ color:#333333 }
a:visited	{ color:#333333 }
a:hover		{ color:#333333 }
a:active	{ color:#333333 }
	
.right	{ float:right }	
.left	{ float:left }

	
/*common------------------------------------------------
--------------------------------------------------------*/
#wrap {
	width:800px;
	padding:50px 90px 30px;
	margin:0px auto;
	background-color:#b4b5b5;
	}	
	
#title {
	display:block;
	margin:0px auto;
	padding-bottom:30px;
	}
	
	
/*menu----------------------------------------------------
----------------------------------------------------------*/
.menu {
	width:600px;
	margin:0px auto;
	height:40px;
	}
	
.menu li {
	float:left;
	height: 30px;
	margin:0px 18px;
	}
	
.menu_a { width: 150px; }
.menu_b { width: 80px; }
.menu_c { width: 260px; }
	
.menu li a {
	width:100%;
	height:100%;
	display: block;
	background-position: 0 0;
}
.menu_a a { background-image: url(../img/menu01.png); }
.menu_b a { background-image: url(../img/menu02.png); }
.menu_c a { background-image: url(../img/menu03.png); }
	
.menu li a:hover { background-position:0 -30px;}	
		



 
/*text----------------------------------------------------
----------------------------------------------------------*/
.text { /*common*/
	padding:20px 0px;
	line-height:180%;
	height:auto;
	text-align:left;
	}
	
.text p {
	display:inline;
}

.lead {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:16px;
	text-align:center;
	}
	
.top_flag {
	height:50px;
	}
			
.title {
	}
	
.box {
	padding:20px 0px 0px;
	}
	
.box .left {
	padding:0px;
	width:405px;
	}
	
.box .right {
	padding:0px;
	width:380px;
	}
	
#icon {
	display:block;
	margin:0px auto;
	padding:0px 0px 10px;
	}
	


/*disk---------------------------------*/
.disk_box {
	padding-bottom:50px;
	}
	
.disk_box .disk {
	width:250px;
	}
	
.disk_box .center {
	padding:0px 24px;
	}
	
.disk_box img {
	width:250px;

	padding-bottom:10px;
	}
	
.disk_box span {
	font-size:13px;
	font-weight:bold;
	display:block;
	}



/*copyright------------------------------------------------
-----------------------------------------------------------*/
.copyright {
	font-size:12px;
	padding:10px 0px;
	border-top:#666 1px solid;
	text-align:center;
	}
	
	
.profile {
	text-align:right;
}


.profile a {	text-decoration: none;}
.profile a:link		{ color:#333333 }
.profile a:visited	{ color:#333333 }
.profile a:hover		{ color:#FFF }
.profile a:active	{ color:#333333 }







/* ==========================================================
	smart_phone
============================================================= */
/*1024px*/
@media screen and (max-width: 1024px) {
body {
	-webkit-text-size-adjust: 80%; 
	}
	
.right	{ float:none }	
.left	{ float:none }	
		
#wrap {
	width:94%;
	padding:20px 0px 30px;
	margin:0px auto;
	background-color:#b4b5b5;
	}
	
#title {
	width:100%;
	padding-bottom:10px;
	}

#top_img {
	padding:10px 0px;
	width:100%;
	}

/*menu----------------------------------------------------*/
.menu {
	width:100%;
	height:auto;
	}
	
.menu li {
	float:none;
	padding:2px 0px;
	margin:0px auto;
	}


/*text----------------------------------------------------
----------------------------------------------------------*/
.text { /*common*/
	padding:20px 0px 0px;
	width:90%;
	margin:0px auto;
	line-height:200%;
	font-size:14px;
	}
	

.lead {
	font-size:16px;
	padding-bottom:10px;
	text-align:left;
	}
	
.lead br {
	display:none;
	}
	
.top_flag {
	height:30px;
	}

.title {
	overflow:hidden;
	margin:0px auto;
	width:90%;
	padding-top:30px;
	}
	
.title img {
	width:180%;
	max-width:800px;
	min-width:600px;
	}

.box {
	padding:0px;
	}
	
.box .left,
.box .right,
.box .text {
	width:90%;
	padding-top:15px;
	}
	
.box img {
	margin:0px auto;
	display:block;
	}
	
#icon {
	display:block;
	margin:0px auto;
	padding:0px 0px 10px;
	}	
	

/*disk---------------------------------*/
.disk_box {
	width:100%;
	margin:0px auto;
	padding-bottom:50px;
	}
	
.disk_box .text {
	text-align:center;
	width:80%;
	padding:20px 0px;
	}
	
.disk_box .disk {
	width:70%;
	margin:0px auto;
	}
	
.disk_box .center {
	padding:20px 0px;
	}
	
.disk_box img {
	width:100%;
	padding-bottom:10px;
	}
	
.disk_box span {
	}
	
.disk_box p {
	display:inline;
	}
	
/*copyright------------------------------------------------
-----------------------------------------------------------*/
.copyright {
	margin:0px auto;
	width:90%;
	}

}



@media screen and (max-width: 469px) {
.disk_box span {}
	
.disk_box p {
	display:block;
	}
	
.text p {
	display:block;
}

}