@charset "Shift-JIS";
/* @group Reset*/
*{ margin: 0;padding: 0;}
html {
font-family : verdana, sans-serif;
font-size : 88%;  /*14/16px=88%*/
line-height : 1.143;
background-color : #aaffcc;
}
body {
background-color : #aaffcc;
text-align : center;
}
#wrapper {
min-width : 326px;
max-width : 1200px;
margin: 0 auto;   /* for centering */
padding : 0 0 30px 0; /*bottomはmarginだと色がbodyになる為*/
background-color : #aaffcc;
color : #000080;
}
img { 
max-width : 100%;       /* @group Fluid-img */
vertical-align : top ;  
border : 0;      /*IEで画像リンクに色が出る対策*/
}
ul, ol { list-style : none}
/* @end *********** //Reset*/
/* @group Text reset*/
a { 
color :#0000FF;
text-decoration:underline;
}
a:hover{
color :#FF3333;
}
a:visited {
color : #663333;
text-decoration : underline;
}
.text_red { color : red}
/* @end *********** //Text reset*/
/* @group Heading Reset*/
h1 {
font-size : 16px; /*16/14px*/
line-height : 22px; /* 12px */
c
}
h2 {
font-size : 128.5%; /*18/14px*/
line-height : 1.143; /* 14px */ 
border-left : 7px  solid #ff8c00;
border-bottom : 2px  solid #ff8c00;
padding : 2px 2px 3px 5px;
margin : 3px 5px 3px 2px;
color : #000080;
} 
h3 {
font-size : 100%; /*14/14px*/
line-height : 1.143; /* 16/14px */
border-left : 5px  solid #ffff40;
border-bottom : 1px  solid #ffff40;
padding-left : 3px;
margin : 3px 5px 3px 4px;
color : #000080;
}
h4 {
font-size : 100%; /*14/14px*/
line-height : 1.143; /* 16/14px */
border-left : 7px  solid #ff8c00;
border-bottom : 2px  solid #ff8c00;
padding-left : 5px;
margin : 3px 5px 3px 2px;
color : #000080;
}
/* @end *********** //Heding Reset*/
/* @group Header */
#header {
overflow : hidden;
width : 100%;
text-align : center;
color : #ffffff;
}
#hed_img {   /*img 768x80 */
margin : 8px auto 8px auto; /*topはシャドーの為*/
width :98.37%;/*両サイドマージン 320=>5 480=>7 768=>12 980=>16 1200=>20*/
}
#hed_img img {   /*img 640x66 */
box-shadow : 0 0 8px #000;
}
#hed1 {
margin : 8px auto 8px auto; /*topはimgと合わせる為*/
width :98.37%;/*両サイドマージン 320=>5 480=>7 768=>12 980=>16 1200=>20*/
box-shadow : 0 0 8px #000;
background-color : #000080;
}
/* @end *********** //Header*/
/* @group Global Nav */
.g_nav {
margin : 0px auto 5px auto;
width :98.37%;/*両サイドマージン 320=>5 480=>7 768=>12 980=>16 1200=>20*/
}
.g_nav ul {
overflow : hidden;
}
.g_nav ul li {
width : 49.5%;
float : left
}
.g_nav ul li a {
font-size : 14px;
line-height : 16px;
padding : 6px;
display : block;
color : lightgrey;
background-image : url("illust/button/2013hhmc_nav_2x28_gradient.jpg");
background-repeat : repeat ;
}
.g_nav ul li a:hover {
color : white;
background-image : url("illust/button/2013hhmc_nav_2x28_blue.jpg");
background-repeat : repeat ;
}
/* @end *********** //Global Nav */
/* @group 画像icon　角丸*/
.icon_img {
border-radius: 7px;
margin : 5px;        /* CSS3草案 */  
-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 7px;   /* Firefox用 */
}
/* @end *********** //画像icon　角丸*/
/* @group Contents*/
.contents {
width :98.37%;/*両サイドマージン 320=>5 480=>7 768=>12 980=>16 1200=>20*/
margin : 0px auto 5px auto;   /* for centering */
text-align : left;
overflow : hidden;
}
/* @end *********** //Contents*/
/* @group Main/sub*/
.main {
float : left;
width : 100% ; /*縦積み*/
}
.sub {
float : left;
width : 100% ; /*アドセンスを考慮*/
}
/* @end *********** //Main/sub*/
/* @group airticle */
.article_box {
border : 1px solid gray;
background-color : #CCFFCC;
width : 96%; /*枠の右線消え対策で小さめ*/
margin : 0px auto 5px auto;
padding : 3px 5px;
}
.article1 {
font-size : 100%; /*14px*/
line-height : 1.4; /* 12px */
overflow : hidden;
width : 100%;
margin : 0px;
}
.article1 img { 
max-width : 90%;       /* box1_1の90%に収める*/
margin-left : auto;
margin-right : auto;
}
ul.article1_list{
line-height : 1.2; /* 12px */
list-style : disc outside;
margin-left : 2em;
}
ul.article1_list2{
font-size : 85%;
line-height : 1.2; /* 12px */
list-style : circle outside;
margin-left : 3em;
}
.article01_1 ,
.article11_1 , .article11_2 , .article12_1 , .article12_2 , .article13_1 , .article13_2 ,
.article21_1 , .article21_2 , .article21_3 {
border : none;
margin : 0;
padding : 3px;
width : 98%; 
float : left;
}
.article01_1 ,
.article11_2 , .article12_1 , .article12_2 , .article13_2 ,
.article21_1 , .article21_2 , .article21_3 {
text-align : center;
}
/* @end *********** //airticle */
/* @group sub*/
.sub {
font-size : 100%;/*14px*/
/*border : 1px solid gray; /*for test*/
}
.sponser_site { 
text-align : center;
margin : 5px auto 10px auto;
}
.sponser_site img { 
margin : 5px auto 10px auto;
text-align : center;
}
.link { 
font-size : 86%; /*12/14px*/
overflow : hidden;
text-align : center;
}
.link_box1 , .link_box2 {
float : left;
width: 47%;
margin : 3px 1% 10px 1%;
}
.link_box1 {
text-align : left;
}
.sub .news_lst_date {
font-size : 100%;
font-weight : bold;
}
.sub .news_lst_contents {
font-size : 86%; /*12/14px*/
font-weight : normal;
}
ul.news_lst_contents{
list-style : disc outside;
margin-left : 2em;
}
/* @end *********** //sub*/
/* @group  footer*/
#footer {
width :98.37%;/*両サイドマージン 320=>5 480=>7 768=>12 980=>16 1200=>20*/
margin : 0px auto ; 
}
.search_box {
width : 98%;
font-size : 100%;  /*14/14*/
background-color : #200060;
border : 1px solid gray;
text-align : center;
padding : 8px 0px; 
margin : 0px auto 0px auto;
}

#foot_nav {
margin : 0px auto 5px auto;
width :100%;
}
#foot_nav ul { overflow : hidden}
#foot_nav ul li { width : 33%; float : left} /*3段*/
#foot_nav ul li a {
font-size : 12px;
line-height : 16px;
padding : 6px 0px;
display : block;
color : lightgrey;
background-image : url("illust/button/2013hhmc_nav_2x28_gradient.jpg");
background-repeat : repeat ;
}
#foot_nav ul li a:hover {
color : white;
background-image : url("illust/button/2013hhmc_nav_2x28_blue.jpg");
background-repeat : repeat ;
}
#foot_box {
width :100%;
font-size : 85.7%;  /*12/14*/
margin : 0px; 
background-color : #ccffcc;
border : 1px solid gray;
}
.foot1 {
overflow : hidden;
width : 100%;
margin : 0px 0px 10px 0px;
}
.foot1_1,.foot1_2 {
width :97%;
float : left;
line-height : 1.5;
margin : 0px 0px 10px 0px;
padding-left : 5px;
}
.foot1_1 {
text-align : left;
}
.foot1_2 {
text-align : center;
}
.foot2 {
width : 97%; /* ?/650 */
text-align : left;
margin : 5px auto;
}
.foot2 ul {
list-style : disc outside;
margin-left : 2em;
}
/* @end *********** //footer*/
/* @group アドセンス　レスポンシブ対応*/
.ryokouki1 { width: 320px; height: 50px; }
.ryokouki2 { width: 300px; height: 250px; }
/* @end *********** //アドセンス　レスポンシブ対応*/
/*******************  M E D I A 480px ***********************************************************/
@media screen and (min-width : 480px){
/* @group Header */
h1 {
font-size : 20px;
line-height : 26px;
}
/* @end *********** //Header*/
/* @group Global Nav */
.g_nav ul li { width : 33%; float : left}
/* @end *********** //Global Nav */
/* @group sub*/
.link_box1 , .link_box2 {
width: 31%;
}
/* @end *********** //sub */
/* @group footer*/
.foot1_2 {
width : 48.5%;
}
/* @end *********** //footer*/
/* @group アドセンス　レスポンシブ対応*/
.ryokouki1 { width: 468px; height: 60px; }
/* @end *********** //アドセンス　レスポンシブ対応*/
}
/*******************  M E D I A 768px ***********************************************************/
@media screen and (min-width : 768px){
/* @group アドセンス　レスポンシブ対応*/
.ryokouki2 { width: 160px; height: 600px; }
/* @end *********** //アドセンス　レスポンシブ対応*/
/* @group Header */
h1 {
font-size : 16px;
line-height : 22px;
}
#hed_img {   /*img 640x66 */
margin : 10px 0.7% 10px 0; /*(100-98.37)/2-0.1*/   
width : 48.7%;  /*(98.37-.8)/2*/
float : left;
}
#hed1 {
width : 48.7%;
height : 44px;
margin : 10px 0.7% 10px 0.7%;
float : left
}
/* @end *********** //Header*/
/* @group Global Nav */
.g_nav ul li { width : 16.5%; float : left}
/* @end *********** //Global Nav*/
/* @group airticle */
.article11_1 {
width : 68%; 
}
.article11_2 {
width : 28%; 
}
.article13_1 {
width : 38%; 
}
.article13_2 {
width : 58%; 
}
.article12_1 , .article12_2 {
width : 48%; 
}
.article21_1 , .article21_2 , .article21_3 {
width : 31%; 
}
/* @end *********** //airticle */
.link_box1 , .link_box2 {
width: 100%;
}
/* @group Contents */
.main {
width : 76.8%; /*(756-168-6=582-1)/756*/
margin : 0px 0.8% 0px 0px; /*6/756 8/964*/
}
.sub { 
width : 22.2%; /*(168)/768 アドセンス160確保*/
}
/* @end *********** //Contents */
/* @group footer*/
.foot1_1, .foot1_2 {
width : 32.2%; /*padding-left  1%分を引く？*/
}
/* @end *********** //footer*/
}
/*******************  M E D I A 980px ***********************************************************/
@media screen and (min-width : 980px) {
/* @group Header*/
h1 {
font-size : 22px;
line-height : 26px;
}
#hed1 {
height : 56px;
}
/* @end *********** //Header*/
/* @group Contents */

.main {
width :80.6%; /*780/964 (780=964-176-8)　 アドセンス728確保*/
}
.sub {
width : 18.2%; /*176/964*/
}
/* @end *********** //Contents */
/* @group アドセンス　レスポンシブ対応*/
.ryokouki1 { width: 728px; height: 90px; }
/*@end *********** //アドセンス　レスポンシブ対応*/
}