@charset "UTF-8";

/* @group Reset */
*{
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
	margin-top: 0;
}
a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle}

/* @end */

/* @group Fluid-img */

img { max-width : 100%}

/* @end */

/* @group HTML */

html {
font-family : verdana, sans-serif;
font-size : 75%; /*レスポンシブタイプセッティングの指定*/
line-height : 1.5;
background:url(../images/960_grid_12_col.png) repeat-y top center
}

/* @end */


/* @group Heading */

h1 {
font-size : 3em;  /* 48px */
line-height : 1; /* 48px */
margin-bottom: 0.5em /* 24px */}
h2 {
font-size : 2.25em; /*36px*/
line-height : 1.3333; /* 48px */
margin-bottom: 0.6667em /* 24px */}
h3 {
	font-size : 1.5em; /*24px*/
	line-height : 1px; /* 24px */
/*margin-bottom: 1em /* 24px */}
hgroup h2,h4,h5,h6 {
font-size : 1em; /* 16px */
line-height : 1.5; /* 24px */
margin-bottom:1.5em /* 24px */} 

/* @end */

/* @group Header */

header { 
width: 100%;
margin:0 auto;
text-align : center;
padding-top : 2em;
background:#FFF}

header h1 { margin-bottom : 0.5em} /* h1は48pxになっているのでo.5em=24px */
header h2 { color : #fff}

/* @end */

/* @group Nav */

nav ul { overflow : hidden}
nav ul li { width : 25%; float : left}
nav ul li a {
display : block;
color:#666;
padding : 0.75em 0}

nav ul li a:hover {
color : #D64316;
}

/* @end */

/* @group Contents */
#contents h3{
	text-align:center}
	
#contents {
	width : 90%;
    margin : 0 auto;
	padding-top: 2%;
	padding-bottom: 5%;
	padding-left: 5%;
	padding-right: 5%;
}

#contents p { 
margin-bottom : 1.5em
}
#contents img {
	margin-bottom : 1em;
	/* [disabled]box-shadow : 0 0 3px #2f1f1f; */
	/* [disabled]-webkit-box-shadow: 0 0 3px #2f1f1f; */
}

#contents #main,
#contents #sub{
	width: 90%;
	background: #FFF;
	padding-bottom: 5%;
	padding-left: 3%;
	padding-right: 3%;
	padding-top: 3%;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
}


/* @end */

/* @group Footer */

footer {
padding : 1.5em 0; /*24px */
color:#666;
text-align : center;
background:#FFF}

/* @end */

/*768px*/
@media screen and (min-width : 768px){

html{ font-size : 87.5%} /*レスポンシブタイプセッティングの指定*/
#contents { text-align : left}
#contents h3{
	text-align:left}
#contents #sub {background:#F2F2F2}

}

/*1024px*/
@media screen and (min-width : 1024px) {
	
html{ font-size : 100%} /*レスポンシブタイプセッティングの指定*/

/* @group Nav */

nav ul {
width : 93.75%;/* 960/1024 */
margin : 0 auto}

/* @end */

/* @group Contents */

#contents {
overflow : hidden;
width : 93.75%}

#contents #main,
#contents #sub { 
float : left;
}
#contents #main { width : 54.7%}
#contents #sub {
	width : 30.8%;
	margin-left: 1%
}

/* @end */


/* @group Footer */

footer {
width :91.796875%; /*940/1024*/
margin : 0 auto}

/* @end */

}