﻿@charset "UTF-8";
/*
--------------------------------------------------------------------------------
base.css

Copyright (c) 2005 mitene internet co., ltd. All Rights Reserved.

-------------------------------------------------------------------------------- */


/*
----------------------------------------

base
---------------------------------------- */
body{
font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, "ＭＳ Ｐゴシック", arial ,sans-serif;
margin:0;
padding:0;
background-image:url(../images/bg.jpg);
background-repeat:no-repeat;
background-position:center;
}


h2{
	margin:0 0 0px 170px;	
}

h3{
	width:430px;
	float: left;
	margin-top: 50px;
}



a{
color:#039;
}
a:visited{
color:#636;
}



a img, map {
	border:none;
	margin-bottom: 2px;
	margin-top: 3px;
}


a:link { color: #000099; } 
a:visited { color: #000099; } 
a:hover { color: #3399FF; } 
a:active { color: red; } 

/*


/*
----------------------------------------


---------------------------------------- */
/* #container
---------------------------------------- */
#container {
	margin:0 auto;
	padding:0 10px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	width:800px;
	border-bottom: 1px solid #ddd;
}


.col-msx #subcol{
	margin-right: 3px;
	clear: both;
	height: 200px;
	margin-top: 25px;
}


/*
----------------------------------------
 modules

---------------------------------------- */
/* #forscreenreader
---------------------------------------- */
#forscreenreader {
position:absolute;
left:-999px;
width:990px;
}


/* #header
---------------------------------------- */
#header{
	background:url("") no-repeat 0 -10px;
	padding-top:10px;
	padding-bottom:5px;
	margin-bottom:5px;
	height:45px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}


#header h1{
	float:left;
	font-size:large;
	width:auto;
	margin:0px 0px 5px 0px;
    padding:5px 5px 2px;;
}

#header h1 img{
display:block;
}

#header #logo{
	height:auto;
	margin:0;
	padding:0;
}



/* #main_contents
---------------------------------------- */
#main_contents{
	width:100%;
	padding-top:0;
	margin-bottom:5px;
	background-image: url(../images/bg2.jpg);
}

/* #nav
---------------------------------------- */

#nav {
	padding:3px 0 0 15px;
	margin: 10px 50px 0 80px;
	height: 180px;
	width: 623px;
	background-color: #FFFFFF;
}

#nav ul {
	margin:0;
	list-style-type:none;

}

#nav li {
	float:left;
	padding:5px 0px 15px 15px;
}



/* #footer
---------------------------------------- */

#footer {
	clear:both;
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	margin-top:10px;
	padding:0;
}

#footer:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}



#footernavigation {
	float:left;
	width: 400px;
	margin-top: 10px;
	padding-top:5px;
	height: 60px;
}


#footernavigation {
margin:0px 0px 20px;
float:left;
}

#footernavigation ul {
	margin:0;
	padding:0px;
	list-style:none;
}
#footernavigation li {
	float:left;
	margin:0px;
	padding:0 0 0 0;
	line-height:normal;
	text-indent:0;
}
#footernavigation li a{
	display:block;
	margin:5px 5px 5px 0px;
	padding:0px 0px 0px 5px;
}



/*
----------------------------------------
shared

---------------------------------------- */

#maincol p.viewotherpage{
font-size:x-small;
margin:0 0 10px;
padding:0;
}


/*#subcol .index, #xcol */


/*下部の画像、バナー用*/
#subcol .images{
	margin-left:2px;
	clear: both;
	padding:0;
}
#subcol .images ul{
	margin:0;
	padding:0;
}
#subcol .images li{
	margin:0;
	padding:0;
}


#main{
	clear:both;
	padding:10px 50px 10px 80px;
}

#attention{
	margin:10px auto;
	width:500px;
	padding-top: 15px;
}


#ele_img{
	float:right;
	margin-bottom: 15px;
}

/* box color
---------------------------------------- */
