@charset "utf-8";

/* ****************************************************************** 
	@This stylesheet Information{
CSS File Name: bodygrad_blue.css
designer: Nifty Corporation
}
****************************************************************** */

/*-------------------------------------------------------------------
	General setting
-------------------------------------------------------------------*/
div,h1,h2,h3,h4,h5,h6,p,address,blockquote,pre,th,td,dl,dt,dd,ul,ol,li,form,fieldset,textarea,table{
	margin:0;
	padding:0;
	font-size:100%;
}

html{
	width:100%;
	height:100%;
}
body{
	width:100%;
	height:100%;
	min-height:100%;
	margin:0;
	padding:10px 0 20px;
	color:#333;
	font-size:small;
	_font-size:x-small;	/*IE6*/
	line-height:1.37;
	text-align:center;
	font-family:sans-serif;
	word-break:normal;word-wrap:break-word; /*IE*/
}
html>body{height:auto;}


hr{display:none;}

address{font-style:normal;}

ul,
ol{list-style:none;}

a:link{text-decoration:underline}
a:visited{text-decoration:underline}
a:hover,
a:active{text-decoration:none}

img{border:0;}

em{font-weight:bold;font-style:normal;}

input{line-height:normal;}

li{line-height:1.2;}

div.noscriptMsg{
display:block;
padding:10px;
color:#FF0000;
font-weight:bold;
}

/* clearfix */
div.nav-inner:after{
	content: "";
	display: block;
	clear: both;
}
* html div.nav-inner{ display: inline-block; }

/* no ie mac \*/
* html div.nav-inner{ height: 1%; }
div.nav-inner{ display: block; }
/* */


/*-------------------------------------------------------------------
	Setting of Outline & header
-------------------------------------------------------------------*/
div#headBnn{
width:728px;
margin:0 auto 20px;
}

div#wrapper{
	margin:0 auto;
	width:770px;
	background-color:#fff;
	border:1px solid;
}

div#container{
	margin:0 auto;
	padding:0;
	width:770px;
	text-align:left;
}

div#header{
	margin:0 auto;
	padding:40px 0 0;
	width:770px;
	background:url(img/bg_head_bodygrad.gif) no-repeat top left;
}

h1{
padding:0 20px 40px;
font-size:1.66em;
font-weight:bold;
}


/*-------------------------------------------------------------------
	Setting of #nav
-------------------------------------------------------------------*/
div#nav{
width:730px;
margin:0 auto;
line-height:1.2;
}
div.nav-inner{
padding:0 10px;
min-height:10px;
}

div#nav h2{
position:relative;
top:0;
left:0;
font-weight:bold;
}
div#nav h2 a{
display:block;
padding:5px 8px;
text-decoration:none;
}
#nav h2 a:link{color:#fff !important;}
#nav h2 a:visited{color:#fff !important;}
#nav h2 a:hover,
#nav h2 a:active{color:#fff !important;}

div#nav div.module-nav{
position:relative;
float: left;
border-left: solid 1px #fff;
}

div#nav div.subnav-list{
display: none;
position: absolute;
top: 26px;
left: 0;
z-index:10;
width:200px;
padding-bottom:5px;
}

div#nav ul{
text-align:left;
width:200px;
padding-top:20px;
}
div#nav ul a{
display:block;
height: auto;
text-align: left;
}
div#nav ul li{
position: relative;
padding:0px 10px 8px;
}
div#nav ul li span{
display:block;
padding-left:8px;
}


/*-------------------------------------------------------------------
	Setting of #contents
-------------------------------------------------------------------*/
div#contents{
text-align:center;
width:770px;
padding:0 0 25px;
background:url(img/bg_contentsbtm_bodygrad.gif) no-repeat bottom left;
}

#intro{
text-align:left;
width:690px;
margin:0 auto;
padding:20px 0;
background:url(img/bg_intro_bodygrad.gif) no-repeat top left;
}
#intro p{
padding:0px 20px;
font-size:1.05em;
}

div#image{
text-align:center;
margin:40px auto;
}


/*-------------------------------------------------------------------
	Setting of #footer
-------------------------------------------------------------------*/
div#footer{
text-align:right;
margin:0;
padding:5px 10px;
font-size:0.93em;
color:#fff;
}
div#footer span{
margin-left:30px;
padding:2px 0px 2px 5px;
}
div#footer span em{
margin-right:5px;
}



/*===================================================================
	Setting of #bodygradBlue
===================================================================*/
body#bodygradBlue a:link{color:#4c86bf}
body#bodygradBlue a:visited{color:#3689b3}
body#bodygradBlue a:hover,
body#bodygradBlue a:active{color:#FA3200}

body#bodygradBlue{
background:#f2f5fa url(img/bg_body_bodygrad_blue.gif) repeat-x top left;
}
body#bodygradBlue div#wrapper{
border-color:#dae2f2;
}

body#bodygradBlue div#nav{
background:#4c86bf url(img/bg_navtop_bodygrad_blue.gif) no-repeat top left;
}
body#bodygradBlue div.nav-inner{
background:url(img/bg_navbtm_bodygrad_blue.gif) no-repeat bottom left;
}
body#bodygradBlue #nav h2 a:hover,
body#bodygradBlue #nav h2 a:active{background:#5061b3 !important;}

div#nav div.subnav-list{
background:url(img/bg_subnavbtm_bodygrad_blue.gif) no-repeat bottom left;
}
body#bodygradBlue div#nav ul{
background:url(img/bg_subnavtop_bodygrad_blue.gif) no-repeat top left;
border-color:#4c86bf;
}
body#bodygradBlue div#nav ul li{
background:#f8f7ff url(img/bg_subnavmid_bodygrad_blue.gif) repeat-y top left;
}
body#bodygradBlue div#nav ul li span{
background:url(img/li_bodygrad_blue.gif) no-repeat left 5px;
}

body#bodygradBlue div#footer{
background:#4c86bf url(img/bg_footer_bodygrad_blue.gif) no-repeat top left;
}
body#bodygradBlue div#footer span{
border-color:#3d9ccc;
}