@charset  "utf-8";

/* 初期化 */

img { 
	border: 0; 
	outline: none; 
}

#footer { 
	clear: both;
	width: 100%; 
	line-height: 180%; 
	font-size: 10px; 
	background: #666666; 
	color: #FFFFFF; 
	text-align: center; 
}

body { 
	background: url(/img/back.gif);
	margin-top: 70px; 
}
/* global_mstyle */

#contener_all { 
	width: 720px; 
	margin: 0px auto;
} 

.float_l { 
	float: left; 
	margin: 5px;
}

.float_r { 
	float: right; 
}
.clear_b { 
	clear: both; 
} 

#contener_maintop { 
	margin-bottom: 10px; 
	width: 720px;  
}

#contener_mainmiddle { 
	clear: both; 
	width: 720px;
}

#contener_mainbottom { 
	background: url(/img/bannerback.jpg) repeat-y left top; 
	clear: both; 
	width: 720px;
}

#content1 { 
	width: 480px; 
	height: 270px; 
	float: right; 
	margin-left: 5px; 
}

#content2 { 
	
	width: 230px; 
	height: 270px; 
	overflow: hidden; 
}

h2#deca { 
	background: url(/img/deca_over.jpg) no-repeat left top;
	width: 230px; 
	height: 86px;
	margin: 0 0 6px 0;
	padding: 0;  
	text-indent: -10000px; 
}
h2#deca a {
	display: block; 
	height: 86px; 
	width: 230px;  
}
h2#deca a:hover { 
	background: url(/img/deca.jpg) no-repeat left top;
}
h2#vps { 
	background: url(/img/vps.jpg) no-repeat left top;
	width: 230px; 
	height: 86px;
	margin: 0 0 6px 0;
	padding: 0;  
	text-indent: -10000px; 
}
h2#vps a {
	display: block; 
	height: 86px; 
	width: 230px;  
}
h2#vps a:hover { 
	background: url(/img/vps_over.jpg) no-repeat left top;
}
h2#intro { 
	background: url(/img/chart.jpg) no-repeat left top;
	width: 230px; 
	height: 86px;
	margin: 0;
	padding: 0;  
	text-indent: -10000px; 
}
h2#intro a {
	display: block; 
	height: 86px; 
	width: 230px;  
}
h2#intro a:hover { 
	background: url(/img/chart_over.jpg) no-repeat left top;
}


/* h3ゾーン定義 */



#contener_mainmiddle p { 	
	text-align: justify; 
	font-size: 10px; 
	margin: 0; 
	padding: 3px; 
	line-height: 140%; 
}

#contener_mainmiddle img { 
	float: right; 
	_margin-right: 5px; 
}
.content3 { 
border-bottom: 1px solid #000000; 
background: white url(/img/3block_back.jpg) left top;
	width: 134px; 
	height: 150px; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	float: left;  
	text-align: center; 
}

.content3_st { 
background: white url(/img/3block_back.jpg) left top;
	border-bottom: 1px solid #000000; 
	width: 134px; 
	height: 150px; 
	margin-left: 5px; 
	margin-right: 10px; 
	margin-bottom: 10px; 
	float: left;  
	text-align: center; 
}

.content3_end { 
	background: white url(/img/3block_back.jpg) left top;

	border-bottom: 1px solid #000000; 
	width: 134px; 
	height: 150px; 
	margin-right: 0px; 

	margin-bottom: 10px; 
	float: left;  
	text-align: center; 
}

.content3 h3 { 
	margin: 0; 
	padding: 3px; 
	background: url(/img/h3_backimg.gif) left top no-repeat; 
	font-size: 11px; 
	color: #FFFFFF; 
}
.content3_st h3 { 
	margin: 0; 
	padding: 3px; 
	background: url(/img/h3_backimg.gif) left top no-repeat; 
	font-size: 11px; 
	color: #FFFFFF; 
}
.content3_end h3 { 
	margin: 0; 
	padding: 3px; 
	background: url(/img/h3_backimg.gif) left top no-repeat; 
	font-size: 11px; 
	color: #FFFFFF; 
}


.middle_word { 
	display: block; 
	text-align: center; 	
}

.middle_word a { 
	display: block; 
	text-align: center; 
	font-size: 120%; 
	margin: 0px 20px; 
	text-decoration: none; 
	color: #ff6600; 
}

/* h3ゾーンここまで */
.content4_news { 
	width: 510px; 
	float: right; 
	margin-bottom: 5px; 
}

.content4_news h4 { 
	margin: 0; 
	padding: 3px 3px 1px 3px; 
	border-bottom: 1px solid silver; 
	background: transparent url(/img/leftblock_title.gif) top left no-repeat;
	text-align: center; 
	line-height: 100%;  
}

.content4_news ul { 
	font-size: 10px; 
	margin: 0; 
	padding: 3px 0 5px 0; 	
	background: white url(/img/leftblock_bg.gif) bottom left no-repeat;
}

li.news	{ 
	list-style-type: none; 
	line-height: 150%; 
	padding: 3px 0 3px 80px;
	background: url(/img/icon_news_a.jpg) center left no-repeat;  
	margin: 0 5px 0 7px; 
border-bottom: 1px silver solid;
}

li.news	a { 
	display: block; 
	text-decoration: none; 

}

li.news	a:hover { 
	text-decoration: none;
	color: #ff6600;
}
li.news_end	{ 
	display: block; 
	list-style-type: none; 
	line-height: 200%; 
	padding-left: 80px;	 
	margin: 0 7px 0 7px; 
}

li.news_end	a { 
	display: block; 
	text-decoration: none; 
	text-align: right; 
}
li.news_end	a:hover { 
	text-decoration: none;
	color: #ff6600; 
}

.content4_patten {  
	width: 510px; 
	float: right; 
	margin-bottom: 5px; 
	
}

.content4_patten h4 { 
	margin: 0; 
	padding: 5px; 
	border-bottom: 1px solid silver; 
	background: white url(/img/leftblock_title.gif) top left no-repeat;
	text-align: center; 
	line-height: 100%;  
}
.content4_patten p { 
	font-size: 12px; 
	margin: 0; 
	padding: 3px 5px 5px 5px; 	
	background: white url(/img/leftblock_bg.gif) bottom left no-repeat;
	line-height: 150%; 
	_height: 120px; 
}
.content4_patten img { 
	border: solid 1px silver; 
}
.rapper_right { 
	width: 510px; 
	float: right; 
}

#content_banner {  
	width: 200px; 
	margin-right: 0px; 
}

#content_banner h5 { 
	font-size: 10px; 
	text-align: center; 
	border-bottom: 1px solid silver; 
	border-top: 1px solid silver; 
	padding: 3px; 
	color: #666666;
}

/* レイヤー関連 */

#grobalmenu { 
	height: 60px; 
	width: 100%; 
	left: 0; top: 0; position: absolute; 
	visibility: visible; 
}

#layer1 { height: 55px; width: 100%; left: 0; top: 0; position: absolute; visibility: visible; text-align: center; 
	background-image: url(/img/tab_bottom.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
} 

#navigationMenu { height: 200px; width: 30px; position: fixed; top: 70px; right: 0; visibility: visible; background: #FF4321; }

/* グローバルナビ関連 */

/* ヘッダータブ */

#barcontent { 
	clear: both; 
	width: 100%;  
	min-width: 600px; 
	height: 15px; 
	text-align: center; 
	margin: 0;
	padding: 0;
}

#barcontent ul { 
	width: 620px; 
	margin: 0;
	padding: 0;
	text-indent: 0;
}

#barcontent li { 
	width: 100px;
	font-size: 10px; 
	display: block;
	list-style-type: none;
	float: left; 
	margin: 0;
	padding: 0;
	vertical-align: bottom; 
}
#barcontent li a { 
	width: 100px; 
	display: block;
	list-style-type: none;
	float: left; 
	text-decoration: none; 
	color: black; 
	padding: 0; 
	margin: 0; 
}

#barcontent img { 
	display: block; 
	margin: 0; 
	padding: 0; 
}

#mainnavbar { 
	/*background-image: url(/img/images/tab_bg.gif);*/
	list-style-type: none; 
	margin: 10px 0 0 0; 
	padding: 0 0 0 0; 
	float: left; 
	width: 540px; 
	color: #FFFFFF;
	background-color: transparent;
}



ul#mainnavbar li.active {
	color: #000000;
	list-style-type: none;
	display: block; 
	width: 90px;
	height: 30px; 
	float: left;
	text-align: center;
	margin: 0 ; 
	background-image: url(/img/aquabt.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: 0px;
	border-bottom: 0px solid silver;  
	font-weight: bold; 
	background-color: transparent;
}

ul#mainnavbar li.active_w {
	color: #000000;
	list-style-type: none;
	display: block; 
	width: 180px;
	height: 30px; 
	float: left;
	text-align: center;
	margin: 0 ; 
	background-image: url(/img/aquabt180.gif);
	background-position: left top;
	background-repeat: no-repeat;
	border: 0px;
	border-bottom: 0px solid silver;  
	font-weight: bold; 
	background-color: transparent;
}

div#topbox { 
	width: 540px; 
	margin: 0px auto; 
}

ul#mainnavbar li.active a {
	color: #000000;
	display: block;
	list-style-type: none;
	width: 90px;
	padding-top: 7px; 
	padding-bottom: 3px;
	text-decoration: none; 
	font-weight: bold; 
	line-height: 20px; 
	font-size: 12px; 
	background-color: transparent;
}
ul#mainnavbar li.active_w a {
	color: #000000;
	display: block;
	list-style-type: none;
	width: 180px;
	padding-top: 7px; 
	padding-bottom: 3px;
	text-decoration: none; 
	font-weight: bold; 
	line-height: 20px; 
	font-size: 12px; 
	background-color: transparent;
}

/* include バナー用*/

.rightbar p { 
	text-align: center;
}

p.center { 
	text-align: center;
}

p.center img { 
	margin: 5px 0;
}

/* ticker sytle */

#TB_overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	top: 0px;
	left: 0px;
	position: fixed;
	_position: absolute;
	background: #fff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #525252;
}

#TB_window img {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:10px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:10px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:5px 10px 7px 0;
	margin-bottom:1px;
	text-align:right;
	background-color:#e8e8e8;
}

#TB_ajaxContent{
	padding:2px 15px 15px 15px;
	overflow:auto;
}

#TB_load{
	text-align: center;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	overflow: visible;
	visibility: visible;
	display: block;
	z-index:101;
}

#TB_loadContent  {
	margin-left: -125px;
	position: absolute;
	top: -50px;
	left: 50%;
	width: 250px;
	height: 100px;
	visibility: visible;
}

div#wraptypeC { 
  margin: 10px; 
}

div.imgbox_center { 
  text-align: center; 
  margin: 20px 20px  5px 20px; 
}

div#wraptypeC p.imgtitle {
  font-size: 85%;  
  margin: 0 auto 0 20px; 
  text-align: center;  
}

div#wraptypeC p {
  font-size: 90%;  
  margin: 5px; 
}
div#wraptypeC p.backtopbox {
  text-align: right; 
  margin: 10px; 
}
div#wraptypeC h4 { 
  border-top: 3px dotted silver; 
  margin: 10px 10px 10px 10px; 
  padding-top: 10px; 
}

div#wraptypeC h5 { 
  margin: 10px; 
}

div#wraptypeC ul.mainanchor { 
  margin: 10px auto; 
  border: 2px solid silver; 
  width: 300px; 
  padding: 10px; 
}


div#wraptypeC ul.mainanchor li { 
  font-size: 90%;
  text-indent: 0px; 
  padding-left: 20px; 
  padding: 0;
  margin: 0 0 0 10px; 
  line-height: 150%; 
  /*background: (/images/deca/arrow_s.gif) no-repeat left center; */
}

div#wraptypeC ul.mainanchor li a { 
  display: block; 
}

div#wraptypeC ul.subanchor { 
  margin: 10px auto; 
  border: 2px solid silver; 
  width: 320px; 
  padding: 10px; 
}


div#wraptypeC ul.subanchor li { 
  font-size: 90%;
  text-indent: 0px; 
  padding-left: 20px; 
  padding: 0;
  margin: 0 0 0 10px; 
  line-height: 150%; 
  /*background: (/images/deca/arrow_s.gif) no-repeat left center; */
}

div#wraptypeC ul.subanchor li a { 
  display: block; 
}

span.campaign { 
  margin: 0 10px; 
  color: #FF0000; 
  font-weight: bold; 
}