@charset "UTF-8";
/* CSS Document */

/*共通パーツ*/
body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 150%;
	/*font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3";
	background: #000 url("../img/common/back_body_bl.gif") repeat-x left top;
	color: #CCC;
	text-align: center;
}
#top {
	width: 900px;
	margin: 0px auto;
	padding: 0px;
}
h1,h2,h3,h4,h5 {
	display: block;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
p {
	margin: 0px;
	padding: 0px;
}
blockquote {
	margin: 5px 0px 15px 0px;
	padding: 10px;
	background-color: #EEE;
	color: #333;
}
.caption {
	font-size: 10px;
	font-weight: normal;
}
.uwatsuki {
	vertical-align: super;
	font-size: smaller;
}
.clear {
	clear: both;
}
.alt { position:absolute; top:-5000px; left:-1999px; }
.img {
	border: none;
}

/*header*/
#header {
	height: 100px;
	position:relative;
	background: url("../img/common/back_logo_bl.gif") no-repeat 0px 5px;
}
#h_logo a{
	width: 205px;
	height: 80px;
	position:absolute;
	top:5px;
	left:0px;
}

/*headermenu*/
#headermenu {
  position:absolute;
  top:5px;
  right:0px;
  width:360px;
  list-style: none outside;
  display: block;
  margin: 0px;
  padding: 0px;
}

#headermenu li{
	margin:0px;
	float:left;
}

#headermenu li a{
	display:block;
	height:80px;
	margin:0px;
	background: url("../img/common/headermenu_bl.jpg") no-repeat 0 0;
}

#headermenu li.menu1 a { width:89px;background-position: -0px -0px;}
#headermenu li.menu2 a { width:109px;background-position: -89px -0px;}
#headermenu li.menu3 a { width:88px;background-position: -198px -0px;}
#headermenu li.menu4 a { width:74px;background-position: -286px -0px;}

#headermenu li.menu1 a:hover { background-position: -0px -80px;}
#headermenu li.menu2 a:hover { background-position: -89px -80px;}
#headermenu li.menu3 a:hover { background-position: -198px -80px;}
#headermenu li.menu4 a:hover { background-position: -286px -80px;}

/*mainmenu*/
#mainmenu {
  width:900px;
  list-style: none outside;
  display: block;
  margin: 0px;
  padding: 0px;
}

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

#mainmenu li a{
	display:block;
	height:115px;
	margin:0px;
	background: url("../img/common/back_mainmenu_bl.jpg") no-repeat 0 0;
}

#mainmenu li.menu1 a { width:129px;background-position: -0px -0px;}
#mainmenu li.menu2 a { width:129px;background-position: -129px -0px;}
#mainmenu li.menu3 a { width:128px;background-position: -258px -0px;}
#mainmenu li.menu4 a { width:129px;background-position: -386px -0px;}
#mainmenu li.menu5 a { width:128px;background-position: -515px -0px;}
#mainmenu li.menu6 a { width:129px;background-position: -643px -0px;}
#mainmenu li.menu7 a { width:128px;background-position: -772px -0px;}

#mainmenu li.menu1 a:hover { background-position: -0px -120px;}
#mainmenu li.menu2 a:hover { background-position: -129px -120px;}
#mainmenu li.menu3 a:hover { background-position: -258px -120px;}
#mainmenu li.menu4 a:hover { background-position: -386px -120px;}
#mainmenu li.menu5 a:hover { background-position: -515px -120px;}
#mainmenu li.menu6 a:hover { background-position: -643px -120px;}
#mainmenu li.menu7 a:hover { background-position: -772px -120px;}


/*main*/
#main a:link {
	color: #009900;
	text-decoration: none;
}
#main a:visited {
	color: #009999;
	text-decoration: none;
}
#main a:hover, #main a:active {
	color: #FF9900;
	text-decoration: none;
}

/*contents*/
.h_leftblock {
	margin: 0px;
	padding: 20px 0px 10px 20px;
	background: url("../img/common/h_leftblock.gif") no-repeat 0px 20px;
	font-size: 16px;
	color: #CC3300;
	line-height: 120%;
}
.h_wordonly {
	margin: 10px 0px;
	padding: 0px;
	font-size: 14px;
	/*font-weight: bold;*/
	line-height: 120%;
	color: #000;
}
.h_underline {
	border-bottom: 1px solid #666;
	margin: 10px 0px;
	padding: 0px 0px 5px 0px;
	font-size: 16px;
	color: #000;
	line-height: 120%;
}
.h_underline_orange {
	margin: 10px 0px;
	padding: 0px 0px 7px 0px;
	background: url("../img/common/back_underline_orange.gif") no-repeat left bottom;
	font-size: 18px;
	color: #000;
	line-height: 120%;
}
.h_underline_blue {
	margin: 10px 0px;
	padding: 0px 0px 7px 0px;
	background: url("../img/common/back_underline_blue.gif") no-repeat left bottom;
	font-size: 18px;
	color: #000;
	line-height: 120%;
}
.h_underline_green {
	margin: 10px 0px;
	padding: 0px 0px 7px 0px;
	background: url("../img/common/back_underline_green.gif") no-repeat left bottom;
	font-size: 18px;
	color: #000;
	line-height: 120%;
}
.h_underline_purple {
	margin: 10px 0px;
	padding: 0px 0px 7px 0px;
	background: url("../img/common/back_underline_purple.gif") no-repeat left bottom;
	font-size: 18px;
	color: #000;
	line-height: 120%;
}
.h_underline_brown {
	margin: 10px 0px;
	padding: 0px 0px 7px 0px;
	background: url("../img/common/back_underline_brown.gif") no-repeat left bottom;
	font-size: 18px;
	color: #000;
	line-height: 120%;
}
.h_block_orange {
	margin: 5px 0px;
	padding: 5px 0px 5px 20px;
	background: url("../img/common/h_block_orange.gif") no-repeat left center;
	font-size: 16px;
	color: #000000;
	line-height: 120%;
}
.p_main {
	margin: 5px 0px 15px 0px;
	padding: 0px;
}
.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}
.text_left {
	text-align: left;
}
.text_block {
	margin-left: 20px;
}
.font_bold {
	font-weight: bold;
}
.font_red {
	color: #FF0000;
}
.font_darkred {
	color: #CC3300;
}
.font_orange {
	color: #FF6600;
}
.font_pink {
	color: #FF0066;
}
.font_price {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.line-dotted {
	height: 30px;
	background: url("../img/common/line-dotted.gif") repeat-x left center;
	clear: both;
}
.photo_right {
	float: right;
	margin-left: 15px;
}
.photo_left {
	float: left;
	margin-right: 15px;
}
.photo_frame {
	padding: 4px;
	background-color: #413732;
}
.w_textlink {
	text-align: right;
	margin: 10px 0px 20px 0px;
	padding: 0px;
	line-height: 120%;
	padding-right: 15px;
	background: url("../img/common/back_w_textlink.gif") no-repeat right center; 
}

/*hooter*/
#hooter {
	margin-top: 0px;
	clear: both;
	background: url("../img/common/back_hooter.gif") repeat-x 0px 0px;
	font-size: 10px;
	height: 150px;
	text-align: center;
}
#hooter #hooterbody {
	width: 900px;
	margin: 0px auto;
	padding: 0px;
	position:relative;
}
#pagetop {
	position: absolute;
	top: -25px;
	right: 0px;
}
#pagetop a {
	display: block;
	height: 20px;
	width: 100px;
	background: url("../img/common/back_pagetop_bl.gif") repeat-x 0px 0px;
}
#hooterlogo {
	position: absolute;
	top: 5px;
	left: 0px;
}
#hooterlogo a {
	display: block;
	height: 40px;
	width: 110px;
	background: url("../img/common/back_hooterlogo_bl.gif") no-repeat 0px 0px;
}
#hooterinfo {
	position: absolute;
	top: 55px;
	left: 0px;
	color: #999;
}
#hooterinfo strong {
	font-weight: normal;
	color: #000;
}
#hooter ul {
	margin: 0px;
	padding: 0px;
	list-style: none outside;
	position: absolute;
	top: 5px;
	right: 0px;
	width: auto;
}
#hooter li {
	margin: 0px;
	padding: 0px;
	display: inline;
}
#copyright {
	color: #999999;
	margin-top: 5px;
}
#hooter a:link, #hooter a:visited {
	color: #3399FF;
	text-decoration: none;
}
#hooter a:hover, #hooter a:active {
	color: #FF9900;
	text-decoration: none;
}

/*li_ordermenu*/
.li_ordermenu {
  width:720px;
  list-style: none outside;
  display: block;
  margin: 0px;
  margin-left: 50px;
  height: 75px;
}
.li_ordermenu li{
	margin:0px;
	float:left;
	width: 150px;
	display: block;
	background: url("../img/common/back_ordermenuline.gif") no-repeat left bottom;
	color: #FF0000;
}

/*li_wordonly*/
.li_wordonly {
	margin: 1px 0px 11px 0px;
	padding: 0px;
	list-style: none outside;
	line-height: 130%;
}
.li_wordonly li {
	margin: 4px 0px;
	padding: 0px;
}

/*li_triangle*/
.li_triangle {
	margin: 0px 0px 10px 10px;
	padding: 0px;
	list-style: none outside;
}
.li_triangle li {
	padding: 2px 0px 3px 15px;
	background: url("../img/common/list_triangle.gif") no-repeat 0px 4px;
}

/*modemenu*/
.modemenu {
	width: 670px;
	margin: 5px 0px 15px 0px;
	height: 160px;
}
.modemenu .left {
	float: left;
	width: 500px;
}
.right {
	float: left;
	width: 160px;
}
.modemenu ul {
	margin: 0px;
	padding: 0px;
	display: block;
}
.modemenu li {
	margin: 0px;
	padding: 0px;
	display: block;
}

/*table_main*/
.table_main {
	border-top: 4px solid #413732;
	margin: 10px 0px 10px 0px;
}
.table_main td {
	border-bottom: 1px solid #CCCCCC;
	padding: 11px 20px;
}
.table_main th {
	border-right: 1px solid #FF9A90;
	border-bottom: 1px solid #FF9A90;
	padding: 15px 10px;
	font-weight: bold;
	text-align: left;
	background-color: #FFE3D3;
}
.table_main .question {
	background-color: #EEEEEE;
	color: #000000;
}
.table_main .answer {

}
.table_main .check {
	color: #999999;
}

/*table_plane*/
.table_plane {
	margin: 10px 0px 10px 0px;
}
.table_plane td {
	padding: 7px 10px;
}
.table_plane .border_gray_right {
	border-right: 1px solid #CCC;
}

/*table_bordergray*/
.table_bordergray {
	margin: 10px 0px 10px 0px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.table_bordergray th {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 8px 3px;
	background-color: #EEE;
	text-align: center;
}
.table_bordergray td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 8px 10px;
}
.table_bordergray .td1 {
	background-color: #F9F3FF;
}
.table_bordergray .td2 {
	background-color: #FCFFEC;
}

/*table_banner*/
.table_banner {
	border-top: 5px solid #FF9A90;
	border-left: 5px solid #FF9A90;
	border-right: 2px solid #FF9A90;
	border-bottom: 2px solid #FF9A90;
	margin: 0px 0px 0px 0px;
}
.table_banner td {
	border-right: 3px solid #FF9A90;
	border-bottom: 3px solid #FF9A90;
	padding: 5px 5px;
}
.table_banner th {
	border-right: 1px solid #FF9A90;
	border-bottom: 1px solid #FF9A90;
	padding: 5px 5px;
	font-weight: normal;
	text-align: left;
	background-color: #FFE3D3;
}
.table_banner .question {
	background-color: #FFE3D3;
}
.table_banner .answer {

}

/*dl_topics*/
.dl_topics {
	margin: 0px;
	padding: 0px;
}

.dl_topics dt{
	clear:both;
	width:100px;
	float:left;
	color:#000;
	padding:0px;
	margin: 0px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:15px;
	font-size: 10px;
	/*background: url("../img/common/list_triangle.gif") no-repeat 0px 10px;*/
}
.dl_topics dd{
	width:autopx;
	padding:0px;
	margin: 0px;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom: 1px dotted #CCC;
}

/*dl_topics_tweet*/
.dl_topics_tweet {
	margin: 0px;
	padding: 0px;
}

.dl_topics_tweet dt{
	clear:both;
	width:145px;
	float:left;
	color:#000;
	padding:0px;
	margin: 0px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:15px;
	font-size: 10px;
	/*background: url("../img/common/list_triangle.gif") no-repeat 0px 10px;*/
}
.dl_topics_tweet dd{
	width:autopx;
	padding:0px;
	margin: 0px;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom: 1px dotted #CCC;
}

/*dl_mypage*/
.dl_mypage {
	margin: 0px;
	padding: 0px;
}

.dl_mypage dt{
	clear:both;
	width:90px;
	float:left;
	color:#000;
	padding:0px;
	margin: 0px;
	padding-bottom:2px;
	padding-top:2px;
	padding-left:15px;
	color: #06F;
}
.dl_mypage dd{
	width:autopx;
	padding:0px;
	margin: 0px;
	padding-bottom:2px;
	padding-top:2px;
	border-bottom: 1px solid #CCC;
}

/*mypage_daylist*/
.mypage_daylist {
	background: url("../img/common/back_popup_h1.gif") repeat-x left top;
	margin: 10px 0px 25px 0px;
	padding: 10px 0px 0px 0px;
}

/*box_mypage*/
.box_mypage {
	padding: 15px 0px 15px 0px;
	border-bottom: 1px solid #CCC;
}
.box_mypage h2 {
	color: #06F;
	font-size: 20px;
	margin: 5px 0px 10px 0px;
}
.mypage_pagelist {
	text-align: right;
	paddint: 10px 0px;
}

/*プルダウンメニュー*/

#mainmenu > li > ul {
	position: absolute;
	display:block;
	margin:0px;
	padding: 40px 0px 50px 0px;
	width: 210px;
	list-style: none outside;
	background-color: #EEE;
	
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	
	-webkit-box-shadow: #666 1px 1px 4px;
	-moz-box-shadow: #666 1px 1px 4px;
	box-shadow: #666 1px 1px 4px;
	
	behavior: url("/PIE.htc");
}

#mainmenu > li > ul > li {
	display: block;
	margin: 0px;
	padding: 0px;
}

#mainmenu > li > ul > li a:link, #mainmenu > li > ul > li a:visited {
	display: block;
	margin: 0px;
	padding: 15px 14px 8px 8px;
	text-align: left;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
}

#mainmenu > li > ul > li a:hover, #mainmenu > li > ul > li a:active {
	display: block;
	margin: 0px;
	padding: 15px 14px 8px 8px;
	text-align: left;
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	background-color: #DEDEDE;
}

#menu_news {
	background: url("../img/common/pulldown_title_news.gif") no-repeat left top;
	position: absolute;
	left: 0px;
	top: 105px;
	z-index: 1000;
	visibility: hidden;
	/*visibility: hidden;*/
}

#menu_concept {
	background: url("../img/common/pulldown_title_concept.gif") no-repeat left top;
	position: absolute;
	left: 130px;
	top: 105px;
	z-index: 1001;
	visibility: hidden;
	/*visibility: hidden;*/
}

#menu_point {
	background: url("../img/common/pulldown_title_point.gif") no-repeat left top;
	position: absolute;
	left: 257px;
	top: 105px;
	z-index: 1002;
	visibility: hidden;
	/*visibility: hidden;*/
}

#menu_plan {
	background: url("../img/common/pulldown_title_plan.gif") no-repeat left top;
	position: absolute;
	left: 385px;
	top: 105px;
	z-index: 1003;
	visibility: hidden;
	/*visibility: hidden;*/
}

#menu_case {
	background: url("../img/common/pulldown_title_case.gif") no-repeat left top;
	position: absolute;
	left: 514px;
	top: 105px;
	z-index: 1004;
	visibility: hidden;
	/*visibility: hidden;*/
}

#menu_voice {
	background: url("../img/common/pulldown_title_voice.gif") no-repeat left top;
	position: absolute;
	left: 642px;
	top: 105px;
	z-index: 1005;
	visibility: hidden;
	/*visibility: hidden;*/
}