/* CSS Document */

/*=======================================================
html
=======================================================*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐ明朝",sans-serif;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, div {
	text-align: left;
}

img {
	border: none;
}

a {
	text-decoration:none;
}

ul li img {
     vertical-align: bottom;
}

.pagetop {
	width:100px;
	height:15px;
	margin:10px 0px 10px 490px;
}

/*=======================================================
float
=======================================================*/
.left {
	float:left;
}

.right {
	float:right;
}
/*=======================================================
color
=======================================================*/

.darkblue {
	color:#092159;
}

.blue {
	color:#0000FF;
}

.lightblue {
	color:#3FC3F0;
}

.bluegreen {
	color:#31BD9C;
}

.pink {
	color:#FF8080;
}

.orange {
	color:#FEA81F;
}

.green {
	color:#2FD03A;
}

.purple {
	color:#A143FF;
}

/*=======================================================
layout
=======================================================*/

#container {
	width: 800px;
	margin: 0px auto;
}


#mainbox {
	width:800;
	padding:5px 0px;
}

#mainarea{
	width:630px;
	padding-left:10px;
	float:right;
}


#subarea {
	width:160px;
	float:left;
}

/*=======================================================
header
=======================================================*/


#header .right {
	width:400px;
}

#globalnavi {
	padding:10px 0px 15px;
}

#globalnavi li {
	float:right;
	background: url(../img/point_img.gif) no-repeat left ;
	padding:0px 15px  0px ;
	list-style:none;
	text-align:right;
}

#globalnavi a {
	font-size:13px;
	color:#666666;
}

#head li {
	float:left;
	list-style:none;
}


h2 img{
 	margin:5px 0px;
 }


/*=======================================================
mainmenu
=======================================================*/

#mainmenu {
	width: 800px;
	height: 25px;
	padding: 0px 8px; 
	background:url(../img/back_mainmenu.gif) no-repeat;
}

#mainmenu ul{
	list-style:none;
}

#mainmenu li {
	float: left;
	margin:0px;
	padding:0px;
}


#mainmenu .mainmenu a.menu {
  display: block;
  text-align: center;
  padding:0;
  margin:0;		
  text-decoration: none;
}

 
/*================================================================
breadcrumb
================================================================*/

#breadcrumb {
	height:15px;
	margin-bottom:10px;
}

#breadcrumb li {
	font-size:12px;
	float:left;
	list-style:none;
}

/*================================================================
subarea
================================================================*/
#subarea ul {
	list-style:none;
}

#submenu {
	width:140px;
	padding:40px 10px 0px;
	margin-bottom:5px;
}

/*=======================================================
mainarea
=======================================================*/


.frame {
	width:630px;
	background:url(../img/frame_middle.gif) repeat-y center top;
}

.outer {
	width:630px;
	background:url(../img/frame_bottom.gif) no-repeat center bottom;
}

.inner {
	width:590px;
	background:url(../img/frame_top.gif) no-repeat center top;
	padding:10px 20px;
}


/*================================================================
ddmenu
================================================================*/

.ddmenu {
  visibility: hidden;
  position: absolute;
  z-index: 3;
}
.ddmenu a {
　width:112px;
  height:20px;	
  display: block;
  text-align: left;
}
.ddmenu a:hover {
}


/* サブメニューの半透明処理

.ddmenu {
 filter: alpha(Opacity=80);
	opacity: 0.8;
}
--------------------*/
/*================================================================
footer
================================================================*/

#footer {
	background:url(../img/back_mainmenu.gif) no-repeat top;
	padding: 7px 0px;
	margin-top:10px;
}

#footer_menu {
	padding-left:10px;
	margin-bottom:10px;
}

#footer_menu  ul {
	list-style:none;
}

#footer_menu  li {
	float:left;
	font-size:10px;
	color:#FFFFFF;
	list-style:none;
}

#footer_menu a {
	font-size:10px;
	color:#FFFFFF;
}


#footer address {
	font-size:12px;
	float:left;
}

#copyrights {
	float:right;
	font-size:12px;
}


/*================================================================
clearfix
================================================================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*================================================================
mainmenu png 
================================================================*/