@charset "utf-8";

/* -----------------------------------------------------------
CSS Information
	基本スタイル
----------------------------------------------------------- */

/*-----------------------------------------------
 __Reset
-----------------------------------------------*/

* {
	margin:0;
	padding:0;
	font-style:normal;
}


/*-----------------------------------------------
 __base_style
-----------------------------------------------*/

body {
	margin:0px 0 0 0;
	background:#FFFFFF;
	color:#000;
	line-height:1.3;
	font-size:small;
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

html {
	overflow-y:scroll;
}

h1,h2,h3,h4,h5,h6 {
	font-size:medium;
	letter-spacing:.1em;
}

img,fieldset {
	border:0;
}

form {
	margin:0px;
}

/*-----------------------------------------------
 __share_style
-----------------------------------------------*/
.inner {
	padding:5px;
}

.innerleft {
	width:178px;
	margin-bottom:10px;
	float: left;
	margin-left: 10px;margin-right: 10px;
	border:1px solid #333;
}
.innerleft ul {
	width: 168px;
	list-style: none outside;
}

.innerleft ul li {
	float: left;
	width: 84px;
}

.innerleft2 {
	width:178px;
	float: left;
	margin-bottom:10px;
	margin-left: 10px;margin-right: 10px;
	border:1px solid #333;
}
.innerleft2 ul {
	width: 168px;
	list-style: none outside;
}

.innerright {
	width:158px;
	float: left;
	margin-bottom:10px;
	margin-left: 10px;margin-right: 10px;
	border:1px solid #333;
}

.innermain {
	margin-bottom:10px;
	text-align:center;
	border:1px solid #b4b4b4;
}

/*-----------------------------------------------
 __ticker
-----------------------------------------------*/
#ticker {
	background-color: #eeeeee;
	padding: 3px
}
#ticker a {
	color: #000000;
	text-decoration: none
}
#ticker a:hover {
	color: #ff0000; 
}
/*-----------------------------------------------
 __page
-----------------------------------------------*/

#page {

	min-width:600px;
	margin:0 auto;
	text-align:left;
}

/*-----------------------------------------------
 __pagetop
-----------------------------------------------*/

#pagetop {
	background-color: #eeeeee;
	padding:3px 10px 3px 10px;
}

/*-----------------------------------------------
 __top
-----------------------------------------------*/

#top {
	margin-bottom:-10px;
	padding:7px 5px 5px 0px;
	height:38px;
	color: #FFFFFF;
	font-weight:bold;
	background:url(images/top.gif) repeat-x left top;
}
#top ul {
	margin:0 auto 5px;
	padding-top:3px;
	vertical-align: middle;
}

#top ul li {
	display:inline;
	margin-right:5px;
	padding-left:10px;
	line-height:1.1;
	border-left:1px solid white;
}

#top ul li.utilityHome {
	border-left:0;
}
#top a {
	text-decoration: none;
	color: #FFFFFF;
}
#top a:hover {
	color: #ff0000; 
}
/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
	margin-top:15px;
	margin-bottom:15px;
	background:#FFF;
	color:#000;
}

/*-----------------------------------------------
 __headerAD
-----------------------------------------------*/

#headerAD {
	clear:both;
	padding:3px;
	margin-bottom:5px;
	margin-left: 30px; margin-right: 30px;
	background-color:#FFFFFF;
	text-align:center;
}
#headerAD .ap {
	background-color:#ffff66;
}


/*-----------------------------------------------
 __search
-----------------------------------------------*/

#search {
	padding:5px;
	background:#ff0000;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
}

/*-----------------------------------------------
 __container
-----------------------------------------------*/

#container {
	float:left;
	width:100%;
	background:#FFF;
}

/*-----------------------------------------------
 __contents
-----------------------------------------------*/

#contents {
}

/* __main
------------------------------------------*/

#main {
	float:left;
	width:100%;
}

#main .inner {
	margin:0 180px 0 200px;
	background:#FFF;
}

#main .title {
	font-size: 15px;
	font-weight:bold;
}

#main h1 {
	padding:4px 0 4px 15px;
	background:#333333;
	font-size: 15px;
	border-left:#ff0000 5px solid;
	color:#FFFFFF;
}
#main h1 a {
	color: #FFFFFF;
}

/* __sub
------------------------------------------*/

#sub {
	margin-top:4px;
	float:left;
	width:200px;
	margin-left:-100%;
	background:#FFF;
}


#sub h2 {
	padding:3px 0px 3px 5px;
	background: #ff0000;
	border-bottom:#333 1px solid;
	font-size: 13px;
	color:#FFFFFF;
}

/* __ex
------------------------------------------*/

#ex {
	margin-top:4px;
	float:left;
	width:180px;
	margin-left:-180px;
	background:#FFF;
}

#ex h2 {
	padding:3px 0px 3px 5px;
	background: #ff0000;
	border-bottom:#333 1px solid;
	font-size: 13px;
	color:#FFFFFF;
}

/*-----------------------------------------------
 __copy
-----------------------------------------------*/

#copy {
	clear:both;
	padding:5px;
	font-size: 10px;
	text-align:center;
	color:#333;
}

/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#footer {
	clear:both;
	padding:5px;
	text-align:center;
	background:#333;
	color:#FFF;
}
#footer a {
	text-decoration: none;
	color: #FFFFFF;
}