@charset "UTF-8";

/* ======== BASE CSS ======== */
/* 本稼働する前には、
背景画像のリンク指定調整する */

body {
 background-image:url(../../img/TMPimg/1st/bg_body.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	font-size:100%;
}

/* ページ幅が100%指定のため、
横スクロールバーを出さないようにする設定 */
html {
 overflow-x:hidden;
}

#wrap {
 margin:0px;
	padding:0px;
	background-image:url(../../img/TMPimg/1st/bg_footer03.jpg);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}

/* ======== HEADER ======== */

#header {
	width:940px;
	margin-top:0px;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:8px;
}

#header #logo{
   width:500px;
			text-align:left;
			float:left;
			margin-top:6px;
}

#header h1{
	color:#333333;
	margin-bottom:5px;
	font-size:87.5%;
	vertical-align: middle;
	text-align:left;
	margin-top: 0px;
	font-weight:700;
	letter-spacing:1px;
}

#header_bunner{
	clear: both;
	margin:0 auto 8px auto;
	width: 940px;
	height:100px;
	text-align: center;
}

/* ======== GLOBAL NAVI MENU ======== */

#navi_menu {
   clear:both;
   height: 30px;
   margin: 0 auto 0 auto;
}

/* IE6対策 IE6では、ナビゲーションバーが下に5pxずれるため、上に5px上げる */
* html #navi_menu {
   margin-bottom:-5px;
}

#navi_menu ul {
   width:850px;/*attention*/
   margin:0 auto;
   text-align: center;
}

#navi_menu li {
   list-style-type:none;
   float:left;
   font-size: 75%;
   text-align:center;
   vertical-align: middle;
   background:url(../../img/navitab.gif) no-repeat;
}

#navi_menu li a{
   display:block;
   width:140px;
   line-height:30px;
}

#navi_menu a:link{
   color:#333;
   text-decoration:none;
}

#navi_menu a:visited {
   color:#333;
   text-decoration:none;
}

#navi_menu a:hover{
   color:#006cb7;
   text-decoration:none;
   background:url(../../img/navitab2.gif) no-repeat; 
}

/* ======== CONTENTS ======== */

#contents {
 clear: both;
 width:100%;
	margin-bottom:10px;
	min-width:940px;
}

div.contents_image {
	background-repeat: repeat-x;
 text-align:center;
}
div#contents #topbanner {
 text-align:center;
	padding-top:10px;
 margin:0px auto 0px auto;
	background-color:#98FFFF;
}

div#contents #topbanner p img{
 margin-bottom:15px;
}

#contents #topbanner #flash {
	background-color:#98FFFF;
}

#contents #topbanner #flash object{
 width:100%;
	height:600px;
	top:0;
	left:0;
}

/* ======== Main ======== */

#contents #main {
 width:940px;
 margin:0 auto;
	background-color:#FFFFFF;
}

/* ======== RIGHT ======== */

#right{
	float: right;
	width:640px;
 margin-top: 10px;
}

#right div {
	width: 640px;
	text-align:left;
	margin-bottom:10px;
}

#right div a:link{
	color:#006cb7;
	text-indent: 1em;
	text-decoration:underline
}

#right div a:visited {
   color:#999;
   text-decoration:none;
}

#right div a:hover {
   color:#ff0000;
   text-decoration:none;
}



.explanation h2{
	color: #444;
	font-size: 100%;
	line-height: 30px;
	margin-bottom:10px;
	text-indent: 1em;
	background:url(../../img/h2_back04.gif) no-repeat;
	font-weight: bold;
}

.explanation .pop{
	margin-left: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#right div .logo{
	margin: 0;
	padding:0;
}

.explanation ul{
	clear: both;
 color: #666;
 font-size: 75%;
 margin-bottom: 10px;
}

.explanation li{
 display: block;
	margin: 10px 50px;
	line-height: 1em;
 list-style-type:none;
}

#right div p {
	color: #666;
	font-size: 75%;
}

/* ======== LEFT ======== */

#left{
	float: left;
	width:290px;
	margin-top: 10px;
}

#left #leftmenu {
 margin-bottom:15px;
}

#leftmenu ul,
#leftmenu ul li {
 margin:0;
	list-style-type:none;
}

#leftmenu ul li {
	width:290px;
	text-align:center;
 margin-bottom:2px;
}

#leftmenu ul li a {
	outline-style:none;
	outline-widht:0px;
	margin:0;
	padding:0;
}

#leftmenu ul li a img{
	text-align: center;
}



#left #LeftAD {
	width:290px;
	text-align:center;
}

#left #LeftAD ul,
#left #LeftAD ul li {
 margin:0;
	list-style-type:none;
}

#left #LeftAD ul li {
	width:290px;
	text-align:center;
 margin-bottom:2px;
}

#left #LeftAD ul li a {
	outline-style:none;
	outline-widht:0px;
	margin:0;
	padding:0;
}

#left #LeftAD ul li a img{
 margin-bottom:2px;
	text-align: center;
}


/* ======== totop ======== */
#totop {
 	clear:both;
}

#totop p{
  font-size:75%;
 	height:40px;
		text-align:right;
		margin-right:22px;
		line-height:50px;
}

#totop p a:link {
   padding-left:5px;
   color:#336cb7;
   text-decoration:none;
}

#totop p a:visited {
   color:#006cb7;
   text-decoration:none;
}

#totop p a:hover {
   color:#fff;
   text-decoration:none;
}

#totop p a {
   line-height:30px;
   padding-left:10px;
}
/*
#totop p a:link{
*/
/*   background:url(../../images/to_top.gif) no-repeat left center;*/
/*
   color:#666;
   text-decoration:none;
}
#totop p a:visited {
   color:#999;
   text-decoration:none;
}

#totop p a:hover {
   color:#006cb7;
   text-decoration:none;
}
*/
#totop img{
	vertical-align: middle;
}

/* ======== FOOTER ======== */

#footer {
 clear: both;
	/*
	background-image:url(../../img/TMPimg/1st/bg_footer03.jpg);
	background-repeat: repeat-x;
	background-position: 0 bottom; */
	/* margin-bottom: 10px; 本当に必要なのか検証する */
}

#foot_menu ul {
   width: 940px;
   margin:0 auto;
   text-align:center;
   vertical-align: middle;
}

#foot_menu li {
   display:inline;
   padding-right:10px;
   font-size:75%;
   list-style:none;
}

#foot_menu li a:link {
   padding-left:5px;
/*   background:url(../../images/bg_bb02.gif) no-repeat left center;*/
   color:#006cb7;
   text-decoration:none;
}

#foot_menu li a:visited {
   color:#006cb7;
   text-decoration:none;
}

#foot_menu li a:hover {
   color:#fff;
   text-decoration:none;
}

#foot_menu img{
	vertical-align: middle;
 }

address{
   padding-top: 20px;
   font-size:75%;
   text-align:center;
}


/* ユーティリティー */
.red{
	color: #ff0000;
}

.green {
	color: #009900;
}

#contents #main #right h2.H2section-BG1 {
	background-image: url(../../img/TMPimg/css/h2_back05.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 1.5em;
	line-height:30px;
	font-size:100%;
	margin-bottom:10px;
	color:#444;
}

#contents #main #right h2.H2section-BG2 {
	background-image:url(../../img/TMPimg/css/h2_back06.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 1.5em;
	line-height:30px;
	font-size:100%;
	margin-bottom:10px;
	width:600px;
	margin:0 auto;
	color:#444;
}

#contents #main #right h3.H3-BG1 {
	background-image: url(../../img/TMPimg/css/h2_back05.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 1.5em;
	line-height:30px;
	font-size:100%;
	margin-bottom:10px;
	color:#444;
}

#contents #main #right h3.H3-BG2 {
	background-image:url(../../img/TMPimg/css/h2_back06.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 1.5em;
	line-height:30px;
	font-size:100%;
	margin-bottom:10px;
	width:600px;
	color:#444;
}

#contents #main #right h4.H4-BG1 {
	background-image: url(../../img/TMPimg/css/h2_back05.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 1.5em;
	line-height:30px;
	font-size:100%;
	margin-bottom:10px;
}

#contents #main #right h4.H4-BG2 {
	background-image:url(../../img/TMPimg/css/h2_back06.gif);
	background-repeat: no-repeat;
	background-position: left;
	text-indent: 1.5em;
	line-height:30px;
	font-size:100%;
	margin-bottom:10px;
	width:600px;
}

#contents #main #right h2.H2Image-1 {
 text-align:center;
}

#contents #main #right h3.H3Image-1 {
 text-align:center;
}

#contents #main #right h3.H3section-1 {
	color: #009900;
	font-size: 90%;
	line-height: 30px;
	margin-left: 2em;
	font-weight: bold;
}

#contents #main #right h4.H4section-1 {
	color: #009900;
	font-size: 90%;
	line-height: 30px;
	margin-left: 2em;
	font-weight: bold;
}



#contents #main #right .Float-Left {
	float: left;
}

#contents #main #right .Float-Left318 {
	float: left;
	width: 318px;
}

/* フォントサイズについて*/
/*
参考サイト
http://www.ichiro.to/note/fsize3

デフォルトで100%にしているため、
基準の数値が分からないこともあるかもしれません。

簡単にですが、参考サイトの表も抜き出してあります。
確実にデザイン通りのサイズにする場合は、参考サイトの表をご覧ください。

13px → 81.25%
14px → 87.5%
15px → 93.75%
（基準）16px → 100%
17px → 106.25%
18px → 112.5%

*/