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

@import url("reset.css");
@import url("fonts.css");

body {
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 16px;
	line-height:190%;
	color: #313131;
	background:#eeeeee;
}

a:hover img {
	opacity:0.8;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

.clear {
	clear:both;
}


div#wrapper {
	width:900px;
	margin:30px auto;
	padding:25px 0px 10px 0px;
	background:#FFFFFF;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 4px 2px;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 4px 2px;
-moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 4px 2px;
}


div#wrapper h1 {
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#wrapper h2 {
	margin:0px auto;
	padding:0px;
	text-align:center;
}

div#wrapper h3 {
	margin:0px auto 30px auto;
	padding:0px;
	text-align:center;
}

div#wrapper .box01 {
	width:760px;
	margin:0px auto 30px auto;
	padding:0px;
	text-align:left;

}

div#wrapper .box01 p {
	margin:0px 0px 18px 0px;
	padding:0px;
}

div#footer_links {
	width:100%;
	margin:0px auto;
	padding:5px 0px 5px 0px;
	text-align:center;
	font-size:14px;
	color:#535353;
	background:#111111;
}

div#footer_links a {
	color:#666;
	text-decoration:none;
}

div#footer {
	width:100%;
	margin:0px auto;
	padding:20px 0px;
	text-align:center;
	color:#666666;
	background:#000000;
}


@media screen and (max-width: 799px) {
   img.miniimg { display: block; }  
   img.bigimg  { display: none }

img {
    max-width:100%;
    width /***/:auto; 
    height:auto;
    vertical-align:bottom;
}

div#wrapper {
	width:100%;
	margin:0px;
	padding:25px 0px 10px 0px;
	background:#FFFFFF;
/* box-shadow */
box-shadow:none;
-webkit-box-shadow:none;
-moz-box-shadow:none;
}


div#wrapper h1 {
	width:95%;
	margin:0px auto 30px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

div#wrapper h2 {
	width:95%;
	margin:0px auto;
	padding:0px;
	text-align:center;
}

div#wrapper h3 {
	width:95%;
	margin:0px auto 30px auto;
	padding:0px;
	text-align:center;
}

}

/* 

@media screen and (min-width: 800px) {
   img.miniimg { display: none; }
   img.bigimg  { display: block; }
}

@media screen and (max-width: 960px) {
div.text800_r{
	width:100%;
}

*/