@charset "UTF-8";

*{ margin:0; padding:0; }
html{ background-color:#fff; }
body{
	margin: 0px;
	padding: 0px;
	color:#444;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
	background: url(../img/common/bg.png) repeat-x;
	letter-spacing:0;
}
x:-moz-read-only { font-family:Arial,Verdana,sans-serif; }/* for IE8 bug */
.clearfix:after{ content: "."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block;}
/*Hides from IE-mac \*/
* html.clearfix{height:1%;}
.clearfix{display:block;}

/* common style */
article, aside, footer, header, nav, section { display:block; }
a,
a:visited{ color:#2772d0; text-decoration:none; }
a:hover{ color:#3399ff; text-decoration: underline; }
a:active, a:focus { outline: 0; }
p{ font-size:0.8em; line-height:1.6em; letter-spacing:0.02em; }
ul{ list-style:none; }
li{ height:100%; }
img{ border:none; vertical-align:top; }
table{ border-collapse:collapse; }
td{ vertical-align:top; }

img.right,
img#right{ float:right; margin:0 0 10px 10px; }
img.left{ float:left; margin:0 10px 10px 0; }

h1{ font-size:13px; line-height:13px; font-weight:normal; color:#fff; margin-top:10px; float:left; }
.post h2{ clear:both; font-size:15px; margin-bottom:10px; padding:7px 0 20px 14px; background:url(../img/common/h2_bg.png) left top no-repeat; height:100%; }
.post h3{ clear:both; font-size:14px; margin:0 0 10px 0; padding:0 0 2px 0; border-bottom:1px solid #7284a6; }
.post h4{ clear:both; font-size:14px; margin:0 0 5px 0; }
span{ font-weight:bold; }
p.intro{ font-size:0.9em; }
p.noscript{ font-weight:bold; color:#ff3300; margin:10px auto; }
p.noscript_head{ color:#ff3300; font-size:12px; margin:0 auto 10px auto; }
p.note{ font-size:12px; }
.space10{ margin-bottom:10px; }
.space30{ margin-bottom:30px; }
.post li{ height:auto; font-size:12px; line-height:16px; background:url(../img/common/list-bg.png) no-repeat; margin:5px auto; padding-left:15px; }
.clear{ clear:both; }

/* common structure */
#wrapper{ width:920px; margin:0 auto; }
header{ width:900px; height:36px; margin:0 auto; overflow:hidden; }
article header{ height:72px; }
article{ margin-bottom:40px; background:url(../img/common/main_bg.png) repeat-y; }
#contents{ width:880px; clear:both; margin:10px auto; }
#main_content{ float:left; width:630px; margin:10px 0 30px 20px; }
#main_content_wide{ float:none; width:850px; margin:20px auto; }
.post{ clear: both; margin-bottom:80px; }
footer{ color:#414a5d; text-align:center; margin-bottom:40px; clear:both; }

/* header items */
#h_submenu{ float:right; margin:10px 0 0 0; }
#h_submenu li{ float:left; font-size:9pt; line-height:9pt; }
#h_submenu a{ padding:0 6px; color:#fff; border-right:1px solid #ccc; }
#h_submenu a.last{ border:none; }
#h_submenu a:hover{ color:#fff; }

#search_form{ height:28px; float:right; margin:7px 0 0 5px; overflow:hidden; }
#searchbox_demo{ line-height:0; }
.searchTextForm{ *border:1px solid #ccc; width:140px; }
#searchsubmit{ margin:0 0 -4px 0; }

/* main_header items */
#logo{ margin:20px 30px 0 15px; float:left; }
#h_phone{ float:right; margin:15px 10px 0 0; }

/* global-nav */
nav { width:424px; height:40px; margin-top:32px; padding:0; overflow:hidden; float:left; position:relative; }
nav ul{ height:40px; overflow:hidden; }
nav li{ float:left; }
nav a:hover,
nav img.selected{ position:relative; top:-40px; }

/* breadcrumb */
#breadcrumb { width:900px; height:28px; margin:0 auto; background:url(../img/common/breadcrumb_bg.png) repeat-x; overflow:hidden; position:relative; }
#breadcrumbBody ul{ margin:9px 0 0 20px; }
#breadcrumbBody li{ float:left; margin:0 4px 0 0; font-size:12px; background:url(../img/common/breadcrumb_allow.png) no-repeat top right; padding-right:10px; line-height:14px; }
#breadcrumbBody li.last{ background: none; }
#breadcrumbBody a{ text-decoration:none; }
#breadcrumbBody a:hover{ text-decoration:underline; }
#breadcrumbBody p.language{ float:right; font-size:12px; color:#999; text-align:right; position:absolute; top:6px; right:10px; }

/* sub_menu */
#sub_menu{ float:right; font-size:12px; width:200px; margin-top:10px; }
.sub_menu_body{ width:190px; margin:0 auto; padding-bottom:15px; }
.sub_menu_body p.title a { height:auto; padding:0 0 0 0; }
.sub_menu_body p.title img{ margin-bottom:0px; }

.sub_menu_body ul{ width:190px; margin-bottom:20px; overflow:hidden; }
.sub_menu_body ul a {
	color:#444;
	padding:8px 8px 8px 22px;
	background:url(../img/common/side_bg.png) bottom no-repeat;
	display:block;
	zoom: 1;
}
.sub_menu_body ul a:hover,
.sub_menu_body ul a.active,
.sub_menu_body ul a.active:hover,
.sub_menu_body ul li.secondary a.active,
.sub_menu_body ul li.secondary a.last:hover{ background-color:#d6dce4; }
.sub_menu_body ul a:visited{ color:#444; }

.sub_menu_body a.group{ background:#f8f8f8 url(../img/common/side_sub_bg3.png) bottom no-repeat; }
li.secondary a{ background:#f8f8f8 url(../img/common/side_sub_bg.png) bottom no-repeat; padding-left:40px; }
li.secondary a.last{ background:#f8f8f8 url(../img/common/side_sub_bg2.png) bottom no-repeat; }

li.third a{ padding-left:40px; }

.subTitle{ height:36px; background:url(../img/idstation/common/subTitle.png) no-repeat; overflow:hidden; }
.subTitle p{ font-size:13px; font-weight:bold; text-align:center; margin:5px 0 0 0; }
.sub_menu_body .sub a { padding:0 0 0 0; height:auto; margin-bottom:5px; }
.sub p.devide { padding-top:10px; margin-top:10px; border-top:1px solid #ccc; }
.sub_menu_body img{ margin-bottom:5px; }

.sub p.ids_box{ border:1px solid #ccc; padding:10px; font-size:12px; }
.sub p.ids_box span{ font-weight:bold; }

/* common items */
.box{ clear:both; margin:10px auto; border:1px solid #ccc; background-color:#f5f5f5; padding:10px; }
.word_wrap{ word-wrap:break-word; width:460px; overflow:hidden; }
.contactbox{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:4px solid #8a9fa1; padding:10px; }
.contactbox img{ margin:10px 10px 0 10px; }
.adobe{ clear:both; border:1px solid #ccc; background-color:#f5f5f5; }
.adobe img{ float:right; margin:10px; }
.adobe p{ margin:10px; }
div.backToTop{ clear: both; font-size:0.8em; text-align: right; margin: 30px auto; padding: 0; }

/* footer links */
#footer{ clear:both; width:898px; background: #47566d url(../img/common/footer_bg.png) top repeat-x; margin:0 auto 1px auto; color:#fff; padding:0 0 60px 0; }
#footer div#first{ width:140px; }
#footer div{ float:left; width:300px; margin:35px 0 0 30px; }
#footer h3{ font-size:0.85em; font-weight:normal; }
#footer ul{ float:left; }
#footer li{ margin:9px 0; padding-left:10px; background:url(../img/common/footer_li.png) top left no-repeat; font-size:12px; line-height:17px; }
#footer a,
#footer a:hover{ color:#fff; }

/* footer */
footer p{ font-size:12px; }
footer a, footer a:visited{ color:#414a5d; }