/* -- STYLE 20121111 -- */
@charset "utf-8";
/* @group Reset */
*{ margin: 0;padding: 0}
a { color: white; text-decoration : none}
a:Link{text-decoration:none;color:#ff33ff;}
a:visited{text-decoration:none;color:#0055cc;}
a:active{text-decoration:none;color:#cccc66;}
a:hover {font-weight: bold;}

ul, ol { list-style : none}
img { vertical-align : top}
/* @end */
/* @group Fluid-img */
img { max-width : 100%}
/* @end */
/* @group HTML */
html {
font-family : verdana, sans-serif;
font-size : 100%;
line-height : 1.5;
color: white; background-color: black;
}
/* @end */
/* @group Heading */
h1,h2,h3,h4,h5,h6 { margin-bottom : 24px}
h1 {
font-size : 36px; 
line-height : 1} /* 36px */
h2 {
font-size : 20px;
line-height : 1.3333} /* 24px */
h3 {
font-size : 18px;
line-height : 1.25} /* 22px */
hgroup h2,h4,h5,h6 {
font-size : 16px; /* 16px */
line-height : 1.5} /* 24px */
/* @end */
/* @group Header */
header { text-align : center; padding-top : 16px;}
header h1 a { color: #ffffff; margin-bottom : 24px;}
/* @end */
/* @group Nav */
nav {
margin-bottom : 14px;}
nav ul { overflow : hidden}
nav ul li { float : left; width: 260px;
box-shadow : 5px 0 10px #444;
margin: 0px 5px 20px 5px;
text-align : center;}
nav ul li a {
display : block;
color: #400080;
padding : 14px;}
nav ul li a:hover {font-weight: bold; color: #800040;}
/* @end */

/***menu***/
#menu_block{display: block;  float:left; text-align: left; width:30%; }

/* @end */


/***main***/
#main01{float: left;}
#front_img{box-shadow : 0 0 12px #000;clear: none;}
/* @end */


/* @group Contents */
#contents {
width : 95%;
margin : 0 auto; margin-bottom : 10px;}
text-align : center;}
/* @end */

/* @group Footer */
footer {font-size: 12px; 
padding : 14px 0;
color : #444;
text-align : center;
text-shadow: 0px 2px 4px #191919;}
/* @end */


/*768px*/
@media screen and (min-width : 768px){
#contents{ text-align : left;}
}

/*1024px*/
@media screen and (min-width : 1024px) {
/* @group Nav */
nav ul {
width :93.75%;/* 960/1024 */
margin : 0 auto}
/* @end */
/* @group Contents */
#contents {
overflow : hidden;
width : 93.75%}/* 960/1024 */
#contents #main,
#contents #sub { 
float : left;
margin : 0 1.0416667%} /*10/960*/ 
#contents #main { width : 64.5833333%} /*620/960*/
#contents #sub { width : 31.25%} /*300/960*/
/* @end */
/* @group Footer */
footer {
width : 91.796875%; /*940/1024*/
margin : 0 auto;}

/* @end */
}