@charset "utf-8";

/*-----css reset-----*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0px;
	padding:0px;
}
table {
	border-collapse:collapse;
	border-spacing:0px;
}
fieldset,img { 
	border:0;
	color:#ffffff;
	background:transparent;
}
address,caption,cite,code,dfn,em,strong,b,th,var {
	font-style:normal;
	font-weight:normal;
}
ul {
	list-style-type:none;
}

caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}


/*-----page all default setting-----*/

body{
margin:0px auto;
padding:0px;
text-align:center;
color:#222222;
background-color:#ffffff;
font-family:"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",'MS UI Gothic',"ＭＳ Ｐゴシック","Arial","sans-serif";
font-size:12px;
}


#container{
position:relative;
margin:0px auto;
width:100%;
z-index:1;
text-align:center;
}

#header{
position:relative;
margin:0px auto;
padding:0px;
width:100%;
height:100px;
text-align:center;
background-image:url(../images/base/base_header_bg.png);
background-repeat:repeat-x;
}

#header_area{
position:relative;
margin:0px auto;
padding:0px;
width:920px;
height:100px;
text-align:left;
background-image:url(../images/base/header_bg.png);
background-repeat:repeat-x;
}

#description{
position:absolute;
height:20px;
margin:0px 0px 0px 330px;
padding:0px;
z-index:2;
color:#ffffff;
}

#logo{
position:absolute;
width:325px;
height:60px;
margin:0px 0px 0px 10px;
padding:0px;
z-index:2;
}

#s_map{
position:absolute;
width:115px;
height:20px;
margin:0px 0px 0px 795px;
padding:0px;
z-index:2;
color:#ffffff;
}


#s_map a{
display:block;
width:115px;
height:20px;
background-image:url(../images/g_navi/sitemap_b.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

#s_map a:hover{
display:block;
width:115px;
height:20px;
background-image:url(../images/g_navi/sitemap_b.png);
background-position:0px -20px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

/*-----main box setting-----*/

#mainBox{
position:relative;
margin:0px auto;
padding:0px;
text-align:center;
width:920px;
min-height:550px;
background-image:url(../images/base/page_bg.png);
background-repeat:repeat-y;
color:#222222;
}

#maincontentsBox{
position:relative;
margin:0px auto;
padding:0px;
text-align:left;
width:900px;
z-index:2;
clear:both;
}

/*-----column setting-----*/


#side_area{
position:relative;
margin:0px 0px 0px 0px;
padding:0px;
text-align:left;
width:200px;
min-height:550px;
background-color:#c8c8c8;
background-image:url(../images/base/side_bg.png);
background-repeat:repeat-y;
float:left;
}

/*-----side setting-----*/

#categories{
position:relative;
display:block;
width:200px;
margin:0px 0px 0px 0px;
padding:0px;
text-align:left;
}


#categories li a{
position:relative;
display:block;
width:200px;
height:35px;
background-image:url(../images/g_navi/side_b_bg.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
line-height:35px;
font-size:14px;
text-indent:20px;
}


#categories li a:hover{
position:relative;
display:block;
width:200px;
height:35px;
background-image:url(../images/g_navi/side_b_bg.png);
background-position:0px -35px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
}


#categories a{
color:#0000ff;
}

#categories a:hover{
color:#0096ff;
}


/*-----contents setting-----*/


#content_area{
position:relative;
margin:0px 0px 0px 200px;
padding:0px;
text-align:left;
width:695px;
min-height:550px;
color:#222222;
}


#content_area a{
color:#0000ff;
}

#content_area a:hover{
color:#0096ff;
}

.c_text_area{
position:relative;
width:680px;
min-height:550px;
margin:0px 0px 0px 10px;
padding:0ox;
}

.co_title{
position:relative;
width:680px;
height:30px;
margin:0px 0px 10px -5px;
padding:0ox;
border-left:5px solid #efc005;
border-bottom:1px dotted #efc005;
font-size:16px;
font-weight:bold;
font-family:"ＭＳ 明朝";
line-height:30px;
text-indent:5px;
}


/*-----footer setting-----*/

#footer{
position:relative;
margin:0px auto;
width:100%;
height:80px;
background-image:url(../images/base/base_footer_bg.png);
background-repeat:repeat-x;
background-position:0px;
text-align:left;
}

#f_navi{
position:relative;
width:900px;
height:25px;
text-align:center;
margin:0px auto;
padding:0px;
z-index:10;
line-height:30px;
color:#ffffff;
}

#f_navi li{
position:relative;
float:left;
display:block;
width:150px;
height:25px;
margin:0px;
padding:0px;
z-index:10;
color:#ffffff;
text-align:center;
}

#f_navi li a,a:hover,a:link,a:visited{
color:#ffffff;
}

address{
position:relative;
display:block;
width:900px;
height:55px;
margin:0px auto;
padding:0px;
font-size:11px;
color:#ffffff;
text-align:right;
}

.copyr{
position:relative;
display:block;
width:300px;
height:20px;
margin:0px auto;
margin-top:-20px;
padding:0px;
color:#ffffff;
}

#mdp{
position:relative;
display:block;
width:135px;
height:20px;
margin-top:-22px;
margin-left:21%;
padding:0px;
}


/*-----global navi menu setting-----*/
#g_navi{
position:absolute;
width:900px;
height:40px;
text-align:center;
margin:60px 0px 0px 10px;
padding:0px;
z-index:10;
}

#g_navi li{
position:relative;
float:left;
display:block;
width:150px;
height:40px;
margin:0px;
padding:0px;
z-index:10;
}

/*-----global navi button setting-----*/


.gn_about a{
display:block;
width:150px;
height:40px;
background-image:url(../images/g_navi/about_b.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_about a:hover{
display:block;
width:150px;
height:40px;
background-image:url(../images/g_navi/about_b.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}


.gn_infor a{
display:block;
width:150px;
height:40px;
background-image:url(../images/g_navi/infor_b.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_infor a:hover{
display:block;
width:150px;
height:40px;
background-image:url(../images/g_navi/infor_b.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}


.gn_magazine a{
display:block;
width:150px;
height:40px;
background-image:url(../images/g_navi/magaz_b.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_magazine a:hover{
display:block;
width:150px;
height:40px;
background-image:url(../images/g_navi/magaz_b.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}


.gn_event a{
display:block;
width:150px;
height:40px;
background-image:url(../images/g_navi/event_b.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_event a:hover{
display:block;
width:150px;
height:40px;
background-image:url(../images/g_navi/event_b.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}


.gn_papers a{
display:block;
width:150px;
height:40px;
background-image:url(../images/g_navi/papers_b.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_papers a:hover{
display:block;
width:150px;
height:40px;
background-image:url(../images/g_navi/papers_b.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_contact a{
display:block;
width:150px;
height:40px;
background-image:url(../images/g_navi/contact_b.png);
background-position:0px 0px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}

.gn_contact a:hover{
display:block;
width:150px;
height:40px;
background-image:url(../images/g_navi/contact_b.png);
background-position:0px -40px;
background-repeat:no-repeat;
margin:0px;
padding:0px;
text-indent:-9999px;
/*hide mac ie¥ */
overflow:hidden;
/**/
}


/*-----clear setting-----*/

.clear{
clear:both;
}