@charset "utf-8";
/* CSS Document */

/* YUI Reset CSS
---------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {  
margin:0;
padding:0;
}
fieldset,img {  
border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var{ 
font-style:normal; 
font-weight:normal; 
} 
ol,ul { 
list-style: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;
font-variant:normal;
}
sup{
vertical-align: text-top;
}
sub{
vertical-align: text-bottom;
}
input,textarea,select{
font-family: inherit;
font-size: inherit;
font-weight: inherit;
}
input,textarea,select{
*font-size: 100%;
}
legend{
color:#000;
}



/* Contents
---------------------------------------------------------------------*/
body{
font-size: 62.5%;
}

#wrapper{
font-size: 1.3em;
letter-spacing: 0.05em;
width: 880px;
color: #333;
}
#wrapper a{
text-decoration: none;
color: #888;
}
#wrapper a:hover{
text-decoration: none;
color: #333;
}

.tmgn20{
margin-top: 20px;
}


/* Header
---------------------------------------------------------------------*/
#header{
background: url("../cmsd/images/bg_header1.jpg") no-repeat;
height: 78px;
position: relative;
margin: 0 0 15px;
}
#header a{
color:#263B55;
}
#header ul.btmlnk a{
color:#fff;
}
#header a:hover{
color: #fff;
}
#header strong{
display: none;
}
#header ul.toplnk{
position: absolute;
right: 0;
top: 2px;
width: 593px;
height: 23px;
font-size: 10px;
margin-top: 30px;
}
#header ul.toplnk li{
display: inline;
background: url("../cmsd/images/li_top.gif") no-repeat 0 2px;
padding-left: 15px;
margin-right: 15px;
}

#header ul.link{
position: absolute;
right: 0;
top: 19px;
font-size: 10px;
}
#header ul.link li{
display: inline;
padding-left: 0px;
margin-right: 10px;
}

#header ul.btmlnk{
background: url("../cmsd/images/bg_header2.jpg") no-repeat;
position: absolute;
top: 53px;
width: 880px;
height: 25px;
text-align: right;
}
#header ul.btmlnk li{
display: inline;
background: url("../cmsd/images/li_tri.gif") no-repeat 0 3px;
font-size: 10px;
margin-right: 10px;
padding-left: 13px;
line-height: 25px;
}

/* Global Navigation
---------------------------------------------------------------------*/
ul.nav{
margin: 0;
height: 30px;
}
ul.nav li{
display: inline;
float: left;
zoom: 1;
margin-left: 2px;
}
ul.nav li a{
display: block;
width: 86px;
height: 0;
_height: 30px;
padding-top: 30px;
font-size: 0;
overflow: hidden;
}
ul.nav li.mn01 a{
background: url("../cmsd/images/navi.jpg") no-repeat 0 5px;
}
#result ul.nav li.mn01 a,
ul.nav li.mn01 a:hover{
background: url("../cmsd/images/navi.jpg") no-repeat 0 bottom;
}
ul.nav li.mn02 a{
background: url("../cmsd/images/navi.jpg") no-repeat -88px 5px;
}
#outline ul.nav li.mn02 a,
ul.nav li.mn02 a:hover{
background: url("../cmsd/images/navi.jpg") no-repeat -88px bottom;
}
ul.nav li.mn03 a{
background: url("../cmsd/images/navi.jpg") no-repeat -176px 5px;
}
#intro ul.nav li.mn03 a,
ul.nav li.mn03 a:hover{
background: url("../cmsd/images/navi.jpg") no-repeat -176px bottom;
}
ul.nav li.mn04 a{
background: url("../cmsd/images/navi.jpg") no-repeat -264px 5px;
}
#info ul.nav li.mn04 a,
ul.nav li.mn04 a:hover{
background: url("../cmsd/images/navi.jpg") no-repeat -264px bottom;
}
ul.nav li.mn05 a{
background: url("../cmsd/images/navi.jpg") no-repeat -352px 5px;
}
#campaign ul.nav li.mn05 a,
ul.nav li.mn05 a:hover{
background: url("../cmsd/images/navi.jpg") no-repeat -352px bottom;
}
ul.nav li.mn06 a{
background: url("../cmsd/images/navi.jpg") no-repeat -440px 5px;
}
#press ul.nav li.mn06 a,
ul.nav li.mn06 a:hover{
background: url("../cmsd/images/navi.jpg") no-repeat -440px bottom;
}
ul.nav li.mn07 a{
background: url("../cmsd/images/navi.jpg") no-repeat -528px 5px;
}
#news ul.nav li.mn07 a,
ul.nav li.mn07 a:hover{
background: url("../cmsd/images/navi.jpg") no-repeat -528px bottom;
}
ul.nav li.mn08 a{
background: url("../cmsd/images/navi.jpg") no-repeat -616px 5px;
}
#danger ul.nav li.mn08 a,
ul.nav li.mn08 a:hover{
background: url("../cmsd/images/navi.jpg") no-repeat -616px bottom;
}
ul.nav li.mn09 a{
background: url("../cmsd/images/navi.jpg") no-repeat -704px 5px;
}
#pack ul.nav li.mn09 a,
ul.nav li.mn09 a:hover{
background: url("../cmsd/images/navi.jpg") no-repeat -704px bottom;
}
ul.nav li.mn10 a{
background: url("../cmsd/images/navi.jpg") no-repeat -792px 5px;
}
#diploma ul.nav li.mn10 a,
ul.nav li.mn10 a:hover{
background: url("../cmsd/images/navi.jpg") no-repeat -792px bottom;
}


/* H1
---------------------------------------------------------------------*/
h1{
font-size: 1.4em;
font-weight: bold;
letter-spacing: 0.05em;
height: 28px;
padding: 5px 0 0 10px;
color: #fff;
}
/* H1 Category-Color-Setting */
#result h1,
#outline h1,
#intro h1{
background: url("../cmsd/images/hd_blue.jpg") no-repeat 0 0;
}
#info h1,
#campaign h1,
#press h1{
background: url("../cmsd/images/hd_purple.jpg") no-repeat 0 0;
}
#news h1,
#danger h1,
#pack h1{
background: url("../cmsd/images/hd_sky.jpg") no-repeat 0 0;
}
#diploma h1{
background: url("../cmsd/images/hd_green.jpg") no-repeat 0 0;
}
#member h1{
background: url("../cmsd/images/hd_beige.jpg") no-repeat 0 0;
}

/* Footer
---------------------------------------------------------------------*/
#footer{
margin: 30px 0 10px;
border-top:2px solid #054492;
}
#footer div.copy{
margin: 3px 0 0 15px;
color:#333333;
font-size: 12px;
line-height:1.3;
}

/* Inquiry
---------------------------------------------------------------------*/
div.box{
	margin:0 auto;
	padding:20px 0 20px 0;
	margin-left: 20px;
	width:800px;
}

div.box table{
	width:760px;
	margin:0 auto;
	font-size: 12px;
}

div.box table.at{
	width:600px;
	margin:0 auto;
}

div.box table.send{
	width:300px;
	margin:0 auto;
}

div.box table.at li{
	 list-style-type:disc;
	 margin:0 0 8px 15px;
	 font-size:90%;
}

#header ul.btmlnk{
background: url("../cmsd/images/bg_header2.jpg") no-repeat;
position: absolute;
top: 53px;
width: 880px;
height: 25px;
text-align: right;
}
#header ul.btmlnk li{
display: inline;
background: url("../cmsd/images/li_tri.gif") no-repeat 0 3px;
font-size: 10px;
margin-right: 10px;
padding-left: 13px;
line-height: 25px;
}