@charset "Shift_JIS";

/*
common css
JNSA
ver.2013.7.16
*/

/* defult control
------------------------------------------- */


h1, h2, h3, h4, h5, h6,body {
margin: 0;
padding: 0;
}
div, hr, blockquote, address, noscript {
margin: 0;
padding: 0;
}
ul, ol, dl, dt, dd, li {
margin: 0;
padding: 0;
}

pre, form {
margin: 0;
padding: 0;
}


p, span, img  {
margin: 0;
padding: 0;
border: none;
border: 0;
}

img {
    vertical-align: middle;
    text-align: center;
}
img.vbottom { vertical-align: bottom; }

em, strong, q, dfn, code, samp, kbd, var, cite, abbr, acronym {
position: static;
margin: 0;
padding: 0;
border: none;
}


body {background-color:#f6f6f6;

font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;
}


/* global ID
------------------------------------------- */
#wrapper {
width:1000px;
margin:0 auto;
color: #333333;
font-size:12px;
line-height:1.5;
}


/* header */
#header { width:1000px; border-bottom:4px solid #e5e5e5; }
#header.header_bg1 { background:url(../images/common_img2013/bg_header.jpg) right top no-repeat; }
#member #header.header_bg1 { background:url(../images/common_img2013/bg_header_member.jpg) right top no-repeat; }
#header #logo { float:left; padding:15px 0 8px 18px; }
#header #h_txt { float:left; padding:20px 0 8px 14px; }
#header #h_english { float:left; padding:45px 0 8px 40px; }
#header #h_nav { float:right; padding:44px 0 8px 40px; }
#header #search { float:right; width:200px; padding:25px 0 0 10px; vertical-align: bottom; }
#header #search input{  vertical-align: top; }
#header #search input[type="text"] { background:#dddddd; border:none; height:19px; width:155px; padding:0 5px; }
#header #search input[type="submit"] { background: url(../images/common_img2013/h_search.gif) no-repeat; width:22px; height:19px; border:none; }

/* btm_header */
#btm_header { background:#fff; border-top:4px solid #e5e5e5; clear:both; }
#btm_header #pagecategory { border-bottom:4px solid #feca47; padding:32px 0 0 30px; width:470px; height:64px; float:left; font-size:24px;  color:#103166;}
body#about #btm_header #pagecategory { border-bottom-color:#feca47;padding:17px 0 0 30px; height:79px; }
body#wg #btm_header #pagecategory { border-bottom-color:#c37bb0;}
body#data #btm_header #pagecategory { border-bottom-color:#5ebdcd;}
body#event #btm_header #pagecategory { border-bottom-color:#5dcd78;}
body#member #btm_header #pagecategory { border-bottom-color:#ec6e6e;}
body#other #btm_header #pagecategory { border-bottom-color:#b9b9b9;}

#btm_header #pagecategory span { font-size:14px; }

/* gnav */
#gnav { font-size:14px; }
#gnav li { float:left; width:100px; height:100px; list-style:none; }
#gnav li a { display:block; width:87px; height:82px; padding:18px 0 0 13px; color:#103166; text-decoration:none; }
#gnav li#gnav1 a { background:#5ebdcd; }
#gnav li#gnav2 a { background:#c37bb0; }
#gnav li#gnav3 a { background:#feca47; }
#gnav li#gnav4 a { background:#5dcd78; }
#gnav li#gnav5 a { background:#ec6e6e; }


/* main_area */
#main_area { width:980px; margin:5px auto 0; }
#main_area_bg3 { padding:0 0 20px; }

#pankuzu{ width:739px; margin:0 0 5px auto; font-size:11px; }
#pankuzu2{ width:980px; margin:0 0 5px auto; font-size:11px; }
#pankuzu a,
#pankuzu2 a{ color:#333; }

/* mainbg_ */
.bg_style1 { background:url(../images/common_img2013/main_bg_mdl.gif) repeat-y; }
.bg_style1 #main_area_bg2 { background:url(../images/common_img2013/main_bg_btm.gif) left bottom no-repeat; }
.bg_style1 #main_area_bg3 { background:url(../images/common_img2013/main_bg_top.gif) no-repeat; }

.bg_style2 { background:url(../images/common_img2013/main_bg_mdl2.png) repeat-y; margin:10px 0 0; }
.bg_style2 #main_area_bg2 { background:url(../images/common_img2013/main_bg_btm2.png) left bottom no-repeat; }
.bg_style2 #main_area_bg3 { background:url(../images/common_img2013/main_bg_top2.png) no-repeat; }

#contents,
#main { float:right; width:739px; margin:0; }
#main #contents { float:none; width:auto; }

#main_in1 {float:none; margin:0;}

#main_in1 #contents { float:none; width:auto; }

/* side */
#side { float:left; width:230px; }
#side ul { padding:10px 0 0; }
#side ul li { list-style:none; font-size:14px; padding:0 1px; }
#side ul li.wgkubun {  padding:7px 20px 7px 20px; }

#side ul li { /*border-bottom:1px solid #ddd;*/ }
#side ul li a { color:#343d54; display:block; text-decoration:none; padding:7px 20px 7px 20px; }
#side ul li a.now{ background:url(../images/common_img2013/side_color3.gif) 205px center no-repeat; background-color:#f4f4f4 !important; }
#side ul li a:hover { background:url(../images/common_img2013/side_color3.gif) 205px center no-repeat; }

#side ul li ul { padding:3px 10px 0; }
#side ul li ul li { padding:0px 0; border:none; }
#side ul li ul li a:hover,
#side ul li ul li a.now { background-position: right center; }

#about #side ul li a.now,
#about #side ul li a:hover { background-image:url(../images/common_img2013/side_color3.gif); }

#wg #side ul li a.now,
#wg #side ul li a:hover { background-image:url(../images/common_img2013/side_color2.gif); }

#data #side ul li a.now,
#data #side ul li a:hover { background-image:url(../images/common_img2013/side_color1.gif); }

#event #side ul li a.now,
#event #side ul li a:hover { background-image:url(../images/common_img2013/side_color4.gif); }

#member #side ul li a.now,
#member #side ul li a:hover { background-image:url(../images/common_img2013/side_color5.gif); }

#other #side ul li a.now,
#other #side ul li a:hover { background-image:url(../images/common_img2013/side_color6.gif); }






/* footer */
#footer { clear:both; }
#footer address { clear:both; text-align:center; font-size:11px; font-style:normal; padding:5px 0 0; }

#fnav { background:#495b6b; padding:0 0 20px 20px; margin:10px 0 0; }
#fnav #f_line2 {  float:left; width:324px;}
#fnav ul { color:#e5e5e5; font-size:13px; float:left; width:150px; margin:20px 12px 0 0; }
#fnav ul#fnav2 { width:125px; }
#fnav ul#fnav3 { width:160px; }
#fnav ul#fnav4 { width:170px; }
#fnav ul li { list-style:none; font-weight:bold; }
#fnav ul li ul { float:none; margin:0; width:auto; }
#fnav ul li ul li { font-weight: normal; font-size:12px; }
#fnav ul li a { color:#e5e5e5; text-decoration:none; }
#fnav ul li a:hover { color:#fff; text-decoration:none; }



/* global class
------------------------------------------- */
.clearfix { overflow:hidden; }
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clear { clear:both; }




.linkbt1{border:1px solid #ccc;color:#2E4C8B !important;text-decoration:none;display:inline-block;*display:inline;text-decoration:none !important;
padding:5px 15px;　-webkit-border-radius: 5px;border-radius: 5px;
-webkit-box-shadow:  0px 1px 2px 0px #999;box-shadow:  0px 1px 2px 0px #999;
text-shadow: 0px 0px 2px #fff;filter: dropshadow(color=#fff, offx=0, offy=0);
background: #eeeeee;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlZWVlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 67%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(67%,#ffffff));
background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 67%);
background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 67%);
background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 67%);
background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 67%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 );
}
.linkbt1:link{text-decoration:none !important;color:#000 !important;}
.linkbt1:hover{background:#fff;}
.linkbt1:active{position:relative;top:1px;-webkit-box-shadow:  0px 0px 2px 0px #999;box-shadow:  0px 0px 2px 0px #999;}
