@charset "utf-8";
/* CSS Document */
/*=============================================================*/

* {
	margin:0px;
	padding:0px;
}
h1,h2,h3,h4,h5 {
	font-size: 100%;
}
ol,ul {
	list-style: none;
}
body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size:81.25%;
	color:#333;
	background:url(../images/site_bg.png) 0px 50px;
}
/*IE7,FIrefox,Safari,Opera */
html>body {
	font-size:small;
}
/*IE6 */
* html body {
	font-size:small;
}
img {
	border:none;
	vertical-align:top;
}
p {
	line-height:1.6;
}
hr {
	clear:both;
	visibility:hidden;
}
textarea {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
	resize: vertical;
  overflow: auto;
  height: 100px;
	width:400px;
}
.f_clear {
	clear:both;
}
* html body.fontsizeM {font-size:small;}
*:first-child+html body.fontsizeM {font-size:100%;}
body.fontsizeL {
	font-size:15px;
}
* html body.fontsizeL {font-size:medium;}
*:first-child+html body.fontsizeL {font-size:124%;}
body.fontsizeXL {
	font-size:17px;
}
* html body.fontsizeXL {font-size:large;}
*:first-child+html body.fontsizeXL {font-size:139%;}
#fontsize-change {
	position: absolute;
	top:5px;
	right:-1px;
	width:182px;
}
#fontsize-change dl {height: 30px; overflow: hidden;}
#fontsize-change dt {float:left; width:83px; height: 30px; background:url(../images/btn_font.gif) no-repeat 0 0;}
#fontsize-change dd {float:left; width:33px; }
#fontsize-change dd.l {width:33px;}
#fontsize-change dd a {display:block; height:30px;background-image:url(../images/btn_font.gif);background-repeat:no-repeat;}
#fontsize-change dd.m a {background-position:-83px 0;}
#fontsize-change dd.l a {background-position:-116px 0;}
#fontsize-change dd.xl a {background-position:-148px 0;}
#fontsize-change dd.m a:hover,
#fontsize-change dd.m a:active,
#fontsize-change dd.m a.cr {background-position:-83px -30px;}
#fontsize-change dd.l a:hover,
#fontsize-change dd.l a:active,
#fontsize-change dd.l a.cr {background-position:-116px -30px;}
#fontsize-change dd.xl a:hover,
#fontsize-change dd.xl a:active,
#fontsize-change dd.xl a.cr {background-position:-148px -30px;}
#grobal {
	background:url(../images/header_back2.jpg) repeat-x;
}
#wrapper {
	position:relative;
	width:780px;
	margin:0 auto;
	text-align:left;
	background:#FFF;
	}
/* Mac IE5 \*/
* html #wrapper {
	height:1%;
	}
/* Mac IE5 end */
#header {
	position:relative;
	height:100px;
	background:url(../images/header_tel.jpg) no-repeat;
	background-color:#FFF;
	}
#header h1 {
	position:absolute;
	width:577px;
	color:#333;
	top:22px;
	left:6px;
	font-size:13px;
	}
#header_link {
	position:absolute;
	width:83px;
	color:#333;
	top:39px;
	right:5px;
	font-size:13px;
}
#header_link a {
	color:#000;
	text-decoration:none;
}
#header_link a:hover {
	color:#ff9900;
}
header {
	position:relative;
	height:100px;
	background:url(../images/header_tel.jpg) no-repeat;
	background-color:#FFF;
}
header h1 {
	position:absolute;
	width:589px;
	color:#333;
	top:22px;
	left:6px;
	font-size:13px;
	}

.header_logo {
	position:absolute;
	top:38px;
	width:316px;
	height:52px;
	left:10px;
	}

.link_menu {
	position:absolute;
	top:84px;
	right:293px;
	width:150px;
	text-align:right;
	}
.link_menu li {
	display:inline;
	font-size:13px;	
	font-weight:900;
	background:url(../images/link_triangle.jpg) no-repeat;
	background-position:left center;
	}
.link_menu li.main a {
	padding: 12px;
	color:#000;
	text-decoration:none;
	}
.link_menu li.main a:hover {
	color:#ff9900;
	}	
.link_menu li.sel a{
	padding: 12px;
	color:#ff9900;
	}
#menu_area {
	float:left;
	width:780px;
}
#left_menu {
	float:left;
}
#right_menu {
	float:right;
}
	
#flasharea {
	clear:both;
	padding-bottom:15px;
	background:url(../images/contents_img.jpg) repeat-y;	
		background-color:#FFF;
	}
#contents {
	clear:both;
	float:left;
	width:780px;
	background:url(../images/contents_img.jpg) repeat-y;
			background-color:#FFF;
	}
article {
	clear:both;
	float:left;
	width:780px;
	background:url(../images/contents_img.jpg) repeat-y;
			background-color:#FFF;
}
#left_area {
	float:left;
	margin-top:10px;
	width:200px;
	}
#con_left_area {
	float:left;
	width:200px;
	height:800px;
	background:url(../images/side_ground.jpg) no-repeat;
	background-position:bottom left;
}
#sub_menu {
	position:relative;
	margin-top:20px;
	}
#sub_menu ul {
	margin-left:0px;
	margin-top:10px;
	position:absolute;
	}
#sub_menu li.main a {
	display:block;
	width:170px;
	height:25px;
	padding-left:30px;
	padding-top:10px;
	font-size:116%;
	font-weight:900;
	color:#333333;
	text-decoration:none;
	background:url(../images/main_menu_triangle.png) no-repeat;
	background-position:center left;		
	}
#sub_menu li.main a:hover {
	color:#FF3300;
	}	
#sub_menu li.sel a{
	background:url(../images/main_menu_triangle_on.png) no-repeat;
	background-position:center left;	
	color:#03F;
	}
#main {
	float:left;
	width:570px;
	margin-bottom:10px;
	padding-left:10px;
	}
#con_main {
	float:left;
	width:575px;
	margin-bottom:10px;
	padding-left:5px;
	background-color:#FFF;
	}	
#con_main h2 {
	font-size:116%;
	margin:37px 30px 15px 0px;
	padding-bottom:5px;
	color:#03F;
	border-bottom:1px #006 solid;
}
#con_main h3 {
	margin:10px 0px 0px 10px;
}
.appeal {
	margin:5px 0px 15px 0px;
	padding-left:20px;
	padding-right:20px;
	font-size:116%;
}
#catchBox {
	width:558px;
	border:#999 1px solid;
	padding-left:10px;
	padding-bottom:5px;
}
#catchBox:after {
	content:"";
	display:block;
	clear:both;
}	
#catchBox li {
	display:inline;
	font-size:20px;
	font-weight:600;
	line-height:1.4;
	padding-left:28px;
	background:url(../images/ball2.jpg) no-repeat;
	background-position:left center;	
}
#topics_area {
	margin-bottom:5px;
	width:550px;
	height:200px;
	overflow:scroll;
	border-left:solid 1px #CCC;
	}
#topics_area_old {
	margin-bottom:15px;
	padding:15px 0px;
	width:548px;
	height:800px;
	overflow:scroll;	
	border:solid 1px #CCC;
	}	
#topics_area dt {
	margin-top:3px;
	padding:3px 15px;
	background-position:left center;
	font-weight:600;
	border-top:dotted 1px #CBCB81;	
}
#topics_area_old dt{
	margin-top:3px;
	margin-left:5px;
	padding:3px 12px;
	background-position:left center;
	font-weight:600;
	background:url(../images/topics_arrow.jpg) no-repeat left center;
}
#topics_area dd,#topics_area_old dd {
  padding: 0px 30px;
	line-height:1.2em;
}
#con_bottom {
	clear:both;
	height:45px;
	background-color:#FFF;
}
#con_bottom .navi {
	float:right;
	width:550px;
	margin-right:30px;
	text-align:center;
	border-bottom:1px #000 solid;
	padding-bottom:10px;
}
#con_bottom .go_top {
	float:right;
	width:180px;
	height:20px;
	margin-right:35px;
	text-align:right;
	padding-right:30px;
	padding-top:5px;
	background:url(../images/top.jpg) no-repeat;
	background-position:right center;
	}	
#footer_area {
	clear:both;
	position:relative;
	margin:0px 0px auto;
	width:auto;
	text-align:left;	
	background:url(../images/footer_back.jpg) repeat-x;
	background-color:#fff;
}
#footer {
	position:relative;
	margin:0 auto;
	width:780px;
	height:145px;
	background:url(../images/footer_bg.jpg) no-repeat;
	}
footer {
	clear:both;
	position:relative;
	margin:0px 0px auto;
	width:auto;
	text-align:left;
	background:url(../images/footer_back.jpg) repeat-x;
	background-color:#fff;

}
	
#footer_menu {
	position:relative;
	padding-left:200px;
	height:10px;
	}
#footer_menu li {
	display:inline;
	font-size:12px;	
	background:url(../images/menu_triangle.jpg) no-repeat;
	background-position:left center;
}
#footer_menu li.main a {
	padding: 12px;
	color:#000;
	text-decoration:none;
	}
#footer_menu li.main a:hover {
	color:#006;
	text-decoration:underline;
	}	
#footer_menu li.no a {
	color:#000;
	padding: 12px;
}	
#footer_menu li.sel a{
	padding: 12px;
	color:#006;
	text-decoration:none;
	}
.policy_menu {
	position:absolute;
	top:91px;
	left:531px;
	width:241px;
	}
.policy_menu li {
	display:inline;
	font-size:13px;	
	background:url(../images/policy_triangle.jpg) no-repeat;
	background-position:left center;
	}
.policy_menu li.main a {
	color:#FFF;
	padding-left:15px;
	text-decoration:none;
	}
.policy_menu li.main a:hover {
	color:#ff9900;
	}	
.policy_menu li.no a {
	padding-left:15px;
	}	
.policy_menu li.sel a{
	padding-left:15px;
	color:#ff9900;
	}
.company {
	position:absolute;
	left:8px;
	top:35px;
	width:250px;
	font-size:16px;
	font-weight:bold;
	color:#000;
	background:url(../images/world_logo_s.jpg) no-repeat;
	background-position:left center;
	padding:3px 0px 3px 28px;
	}
.add {
	position:absolute;
	left:9px;
	top:59px;
	width:516px;
	font-size:11pt;
	font-family:Arial, Helvetica, sans-serif;
	}
.copyright {
	position:absolute;
	left:136px;
	top:121px;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
	}
small {
	position:absolute;
	left:264px;
	top:122px;
	font-size:10pt;
	font-family:Arial, Helvetica, sans-serif;
}
.link {
	position:absolute;
	right:6px;
	top:119px;
	}