@charset "utf-8";

/*
---------------------------------------------------------------------
	cmn.css [Nov.2011] 
---------------------------------------------------------------------
*/

body {
	min-width: 1000px;
}

a {
	text-decoration: none;
	color: #0081cc;
}

input.checkbox {
	position: relative;
	top: -1px;
	vertical-align: middle;
} 

#header a,
.categoryNav a,
#footer a {
	color: #000;
}

.categoryNav,
.stepNav,
.supportNav {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo;
}

a:hover {
	text-decoration: underline;
}

#header {
/*	margin-bottom: 20px;*/
}

#header .inner,
#footer .inner {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}

#headerNav {
	padding: 7px 0 6px;
	border-bottom: 1px solid #d8d8d8;
	background: #f0f0f0;
	font-size: 72%;
}

#headerNav p {
	float: left;
}

#headerNav ul {
	float: right;
}

#headerNav p,
#headerNav ul {
	position: relative;
	top: 2px;
}

#headerNav ul li {
	float: left;
	margin-left: 20px;
}

#headerNav ul li a {
	display: block;
	padding-left: 10px;
	background: url(/common/images/anchor_tri_r_blue.gif) no-repeat left 0.5em;
}

#headerNav ul li#siteSearch {
	display: block;
	width: 232px;
	height: 21px;
}

#headerNav form {
	position: relative;
	top: -2px;
	display: block;
	width: 232px;
	height: 21px;
	background: url(/common/images/headerNav_form_bg.gif) no-repeat left top;
}

#headerNav form input {
	display: block;
	outline: none;
}
#headerNav form input.txt {
	position: relative;
	top: 3px;
	left: 3px;
	float: left;
	width: 175px;
	height: 15px;
	border: 0;
}

#headerNav form input.btn {
	float: right;
	width: 53px;
	height: 21px;
}

/*for google site search*/

#wrapper #header #headerNav #cse-search-form input.gsc-input {
	border: none;
	position: relative;
	top: 0;
	left: 3px;
	float: left;
	width: 175px;
	height: 15px;
	margin: 0;
	padding: 0;
	border: 0;
}

#wrapper #header #headerNav #cse-search-form input.gsc-search-button {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 53px;
	height: 21px;
	margin 0;
	padding: 0;
	background: none;
	border: none;
	text-indent: -9999px;
	background: url(/common/images/headerNav_form_btn_off.gif) no-repeat 0 0;
}

#wrapper #header #headerNav #cse-search-form input.gsc-search-button:hover {
	background-image: url(/common/images/headerNav_form_btn_on.gif) ;
}

#wrapper #header #headerNav #cse-search-form form.gsc-search-box table.gsc-branding {
	display: none;
}


/*for google site search*/

#headerContent {
	margin: 19px 0;
}

#headerContent .inner {
	position: relative;
	height: 56px;
	overflow: visible;
}

#headerContent #siteID {
	position: absolute;
	top: 0;
	left: 31px;
	width: 216px;
}
#headerContent .main {
	position: absolute;
	top: 1px;
	left: 330px;
	width: 394px;
	margin-right: -5px;
	overflow: hidden;
	line-height: 1.1;
}

#headerContent .main li {
	float: left;
	height: 55px;
	margin-right: 5px;
}

#headerContent .linkGroup {
	position: absolute;
	top: -8px;
	right: 20px;
	width: 238px;
	padding: 4px;
	background: #e7f2f8;
	border: 1px solid #79bce3;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px; 	
}

#headerContent .linkGroup li {
	float: left;
}

#headerContent .linkGroup li a {
	display: block;
	width: 115px;
	height: 27px;
	margin: 2px;
}

#globalNav {
	background: #0181cc;
}

#globalNav li {
	float: left;
	height: 46px;
}

#globalNav li a {
	display: block;
	height: 46px;
	color: #fff;
	overflow: hidden;
}

#globalNav li a:hover {
	height: 41px;
	border-bottom: 5px solid #0a3190;
}

#globalNav li.selected a {
	background-color: #0a3190;
}

body #attention {
	margin-bottom: 20px;
	padding: 11px 0;
	font-size: 84%;
	line-height: 1.1;
	background: url(/common/images/top_attention_bg.gif) #ffcb16 repeat-x 0 bottom;
}

body #attention .inner {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

body #attention .inner strong {
	font-weight: bold;
}

#contentBody {
	width: 960px;
	margin: 0 auto 70px;
	padding: 0 20px;
}

#topicPath {
	width: 960px;
	margin-bottom: 40px;
	line-height: 1.1;
}

#topicPath li {
	display: inline;
	font-size: 85%;
	font-weight: bold;
}

#topicPath li a {
	margin-right: 7px;
	padding-right: 11px;
	background: url(/common/images/topicPath_bg.gif) no-repeat right 0.2em;
	font-weight: normal;
}

#contentBody .main {
	float: right;
	width: 670px;
	padding: 0 10px;
	overflow: hidden;
}

#contentBody .sub {
	float: left;
	width: 220px;
}

#contentBody .sub .separator {
	height: 1px;
	margin-bottom: 30px;
	overflow: hidden;
	background: #d1d0cd;
}

#contentBody .sub .separator hr {
	display: none;
}

.categoryNav {
	width: 215px;
	margin-bottom: 30px;
	padding: 1px 2px 2px 1px;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	box-shadow: 0 3px 3px -2px rgba(0,0,0,0.2);
}

.categoryNav li {
	background: url(/common/images/categoryNav_link_bg.gif) no-repeat left bottom;
}

.categoryNav .categoryTitle {
	position: relative;
	left: -1px;
	width: 218px;
	background: none;
	border-bottom: 1px solid #d1d0cd;
}

.categoryNav .categoryTitle a {
	padding: 0;
}

.categoryNav li a {
	display: block;
	padding: 7px 10px 8px 17px;
}

.categoryNav li a:hover {
	color: #0081cc;
}

.categoryNav li.selected a {
	background: url(/common/images/anchor_tri_r_white.gif) no-repeat 3px center;
	color: #0081cc;
	font-weight: bold;
}

.categoryNav li.lower {
	margin-left: 1px;
	padding: 9px 0;
	background-image: none;
	background-color: #e8f1f6;
	border-bottom: none;
	box-shadow: 0 5px 5px -5px rgba(0,0,0,0.2) inset;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

.categoryNav li.lower li,
.categoryNav li.lower dd {
	background-image: none;
	border-bottom: none;
	font-size: 85%;
}

.categoryNav li.lower .lowerTitle {
	margin: 12px;
	padding: 5px 13px;
	line-height: 1.1;
	background: #0081cc;
	border-bottom: 1px solid #0069a4;
	border-radius: 2px 2px 2px 0;
	-webkit-border-radius: 2px 2px 2px 0;
	-moz-border-radius: 2px 2px 2px 0;
	font-size: 72%;
	color: #fff;
}

.categoryNav li.lower .lowerTitle img {
	position: relative;
	top: 0.3em;
	left: 5px;
}

.categoryNav li.lower li a,
.categoryNav li.lower dd a {
	padding: 3px 10px 3px 28px;
	background: url(/common/images/anchor_tri_r_navy.gif) no-repeat 18px 0.9em;
}

.categoryNav li.lower li a:hover,
.categoryNav li.lower li.selected a,
.categoryNav li.lower dd a:hover,
.categoryNav li.lower dd.selected a {
	color: #000;
	background-color: #c6e3f3;
	font-weight: bold;
}

.categoryNav li.attr {
	margin-top: 7px;
	background: none;
}

.categoryNav li.attr li.attrTitle {
	padding: 4px 8px 2px;
	background: #0081cc;
	border-bottom: 1px solid #0069a4;
	border-radius: 2px 2px 2px 0;
	-webkit-border-radius: 2px 2px 2px 0;
	-moz-border-radius: 2px 2px 2px 0;
	font-size: 72%;
	color: #fff;
}

.categoryNav li.attr li.attrTitle img {
	position: relative;
	top: 0.6em;
	left: 5px;
}

.subNav {
	margin-bottom: 20px;
	padding: 3px;
	border: 1px solid #ddd;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
}

.clinicNav .title {
	margin-bottom: 8px;
}

.clinicNav ul {
	margin-bottom: 10px;
	line-height: 2.15;
}

.clinicNav li {
	margin: 0 12px; 
}

.clinicNav li a {
	padding-left: 20px;
	background: url(/common/images/anchor_cir_r.gif) no-repeat left 0.1em;
}

.clinicNav .scList {
	padding-top: 10px;
	border-top: 1px dotted #CCC;
}

.stepNav {
	margin-bottom: 30px;
	list-style-type: none;
}

.stepNav li {px;
	margin-bottom: 7px;
	padding-bottom: 17px;
	background: url(/common/images/stepNav_anchor_tri_b.gif) no-repeat center bottom;
	color: #999;
}

.stepNav li.end {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}

.stepNav li span {
	display: block;
	min-height: 23px;
	height: auto !important;
	height: 23px;
	padding: 10px 10px 10px 85px;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border: 1px solid #ddd;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
}

.stepNav li.step01 span {
	background-image: url(/common/images/stepNav_step01_off.gif);
}

.stepNav li.step02 span {
	background-image: url(/common/images/stepNav_step02_off.gif);
}

.stepNav li.step03 span {
	background-image: url(/common/images/stepNav_step03_off.gif);
}

.stepNav li span.done {
	color: #000;
}
.stepNav li.step01 span.done {
	background-image: url(/common/images/stepNav_step01_on.gif);
}

.stepNav li.step02 span.done {
	background-image: url(/common/images/stepNav_step02_on.gif);
}

.stepNav li.step03 span.done {
	background-image: url(/common/images/stepNav_step03_on.gif);
}

#contentBody .sub .linkGroup {
	margin-bottom: 30px;
}

#contentBody .sub .linkGroup li {
	margin-bottom: 15px;
}

.supportNav {
	background: #dadada;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo;
	box-shadow: 0 -5px 7px 2px rgba(0,0,0,0.1);
	z-index: 100;
}

.supportNav #supportFunction {
	position: relative;
	height: 42px;
	margin-bottom: 1px;
}

#supportNav01 #supportFunction {
	background: url(/common/images/supportNav01_function_bg.gif) repeat-x left top;
}

#supportNav02 #supportFunction {
	background: url(/common/images/supportNav02_function_bg.gif) repeat-x left top;
}

#supportNav03 #supportFunction {
	background: url(/common/images/supportNav03_function_bg.gif) repeat-x left top;
}

#supportNav04 #supportFunction {
	background: url(/common/images/supportNav04_function_bg.gif) repeat-x left top;
}

.supportNav #supportFunction li {
	position: absolute;
	display: block;
}

.supportNav #supportFunction li a {
	display: block;
}

.supportNav #supportFunction li.bar {
	top: 0;
	left: 0;
	width: 100%;
}

.supportNav #supportFunction li.bar a {
	height: 11px;
	padding-top: 16px;
	padding-bottom: 14px;
	text-align: center;
}

.supportNav #supportFunction li.nav {
	top: 7px;
	left: 12px;
	width: 350px;
	height: 28px;
}

.supportNav #supportFunction li.nav .title {
	float: left;
	width: 95px;
	height: 28px;
}

.supportNav #supportFunction li.nav .btn {
	position: relative;
	float: right;
	width: 255px;
	height: 28px;
}

.supportNav #supportFunction li.nav .btn a {
	position: absolute;
	top: 3px;
	right: 4px;
	display: block;
	width: 84px;
	height: 22px;
}

.supportNav #supportFunction li.nav .btn .attrNav {
	position: absolute;
	bottom: 3px;
	right: 4px;
	width: 179px;
	height: 157px;
	padding-top: 11px;
	padding-left: 11px;
	background: url(/common/images/supportNav_attrNav_bg.gif) no-repeat left top;
}

.supportNav #supportFunction li.nav .btn .attrNav li {
	position: static;
	margin-bottom: 6px;
}

.supportNav #supportFunction li.nav .btn .attrNav li a {
	position: static;
	display: block;
}

.supportNav #supportFunction li.icon {
	padding-left: 1px;
	background: url(/common/images/supportNav_function_separator.gif) no-repeat left top;
}

.supportNav #supportFunction li#sn_btn_brief {
	top: 0;
	right: 43px;
}

.supportNav #supportFunction li#sn_btn_quest {
	top: 0;
	right: 0;
}

.supportNav #supportFunction li#sn_btn_brief a {
	width: 124px;
	height: 24px;
	padding: 9px;
}

.supportNav #supportFunction li#sn_btn_quest a {
	width: 24px;
	height: 24px;
	padding: 9px;
}

.supportNav #supportFunction li.icon a:hover,
.supportNav #supportFunction li.icon .selected a {
	background: url(/common/images/supportNav_question_bg.gif) repeat-x left top;
}

.supportNav #supportFunction li.icon .img {
	position: absolute;
	bottom: 39px;
	right: 10px;
}

.supportNav #supportContent {
	position: relative;
	padding: 0 30px;
}

#supportNav01 #supportContent .inner ul {
	width: 2340px;
}

#supportNav02 #supportContent .inner ul {
	width: 2652px;
}

#supportNav03 #supportContent .inner ul {
	width: 2028px;
}

#supportNav04 #supportContent .inner ul {
	width: 1248px;
}

.supportNav #supportContent .inner li {
	float: left;
	width: 155px;
	margin-right: 1px;
	vertical-align: top;
	background: #f6f6f6;
}

.supportNav #supportContent .inner li a {
	display: block;
	width: 125px;
	padding: 10px 15px;
	background: url(/common/images/supportContent_check.png) no-repeat 139px 4px;

}

.supportNav #supportContent .inner li a span {
	display: block;
}

.supportNav #supportContent .inner li a .title {
	font-size: 72%;
	font-weight: bold;
	color: #333;
}

.supportNav #supportContent .inner li a .txt {
	margin-top: 3px;
	font-size: 85%;
	color: #666;
}

.supportNav #supportContent .inner li a .check {
	position: absolute;
	top:4px;
	right: 2px;
}

.supportNav #supportContent .inner li a:hover {
	text-decoration: none;
	background-color: #fff;
}

.supportNav #supportContent .inner li a:hover .txt {
	color: #000;
}

.supportNav #supportContent .inner li.selected a,
.supportNav #supportContent .inner li.checked a {
	background-position: 139px 4px;
	background-repeat: no-repeat;
}

.supportNav #supportContent .inner li.selected a {
	background-color: #fff;
}

#supportNav01 #supportContent .inner li.selected a,
#supportNav01 #supportContent .inner li.checked a {
	background-image: url(/common/images/supportContent01_checked.png);
}

#supportNav02 #supportContent .inner li.selected a,
#supportNav02 #supportContent .inner li.checked a {
	background-image: url(/common/images/supportContent02_checked.png);
}

#supportNav03 #supportContent .inner li.selected a,
#supportNav03 #supportContent .inner li.checked a {
	background-image: url(/common/images/supportContent03_checked.png);
}

#supportNav04 #supportContent .inner li.selected a,
#supportNav04 #supportContent .inner li.checked a {
	background-image: url(/common/images/supportContent04_checked.png);
}

.supportNav #supportContent .inner li.checked a:hover {
	background-color: #fff;
}

#supportNav01 #supportContent .inner li.selected a .title {
	color: #f77d72;
}

#supportNav02 #supportContent .inner li.selected a .title {
	color: #5baa13;
}

#supportNav03 #supportContent .inner li.selected a .title {
	color: #ffa200;
}

#supportNav04 #supportContent .inner li.selected a .title {
	color: #15b1a8;
}

.supportNav #supportContent .inner li.selected a .txt {
	font-weight: bold;
	color: #000;
}

.supportNav #supportContent .btn {
	position: absolute;
	top: 50%;
	height: 35px;
	margin-top: -35px;
}

.supportNav #supportContent .prev {
	left: 7px;
}

.supportNav #supportContent .next {
	right: 7px;
}

.supportNav #supportContent .btn a {
	display:block;
	width: 16px;
	height: 70px;
}

#footerBanner {
	padding: 15px 0;
	background: url(/common/images/footerBanner_bg.gif) #eee6cf repeat-x left top;
}

#footerBanner ul {
	width: 970px;
	margin-right: -10px;
	overflow: hidden;
}

#footerBanner ul li {
	float: left;
	height: 50px;
	margin-right: 10px;
}

#footerBanner ul li a {
	display: block;
	width: 176px;
	height: 50px;
}

#footerBanner ul li.s a {
	width: 103px;
}

#footerContent {
	padding: 30px 0 25px;
	background: url(/common/images/footerContent_bg.gif) #faf6eb repeat-x left bottom;
}

#footerContent .main {
	float: left;
	width: 620px;
	margin-right: -40px;
	overflow: hidden;
}

#footerContent .main dl {
	float: left;
	width: 270px;
	margin-right: 40px;
	margin-bottom: 10px;
	font-size: 85%;
}

#footerContent .main dl dt {
	margin-bottom: 10px;
}

#footerContent .main dl dd {
	border-bottom: 1px solid #c4bec8;
	margin-top: 5px;
}
#footerContent .main dl dd.btn {
	border-bottom: none;
}

#footerContent .main dl dd a {
	display: block;
	padding: 5px 0 3px 15px;
	background: url(/common/images/anchor_tri_r_navy.gif) no-repeat 5px 1.1em;
}
#footerContent .main dl dd.btn a {
	display: block;
	padding: 5px 0 3px 0;
	background: none;
}

#footerContent .main p {
	width: 270px;
	text-align: center;
}

#footerContent .sub {
	float: right;
	width: 340px;
}

#footerContent .sub .linkGroup {
	width: 350px;
	margin-top: -10px;
	margin-right: -10px;
	overflow: hidden;
}

#footerContent .sub .linkGroup li {
	float: left;
	width: 164px;
	margin-top: 10px;
	margin-right: 10px;
}

#footerContent .sub .linkGroup li a {
	display: block;
}

#footerContent .sub .mobileInfo {
	position: relative;
	min-height: 100px;
	height: auto !important;
	height: 100px;
	margin: 20px 0 0;
	padding-left: 115px;
	font-size: 72%;
}

#footerContent .sub .mobileInfo .title {
	margin-bottom: 10px;
	padding: 5px 0 11px;
	background: url(/common/images/border_dot_gray.gif) repeat-x left bottom;
}

#footerContent .sub .mobileInfo .img {
	position: absolute;
	top: 0;
	left: 0;
}

#footerContent .pageTop {
	clear: both;
	float: none;
}

#footerContent .pageTop a {
	display: block;
	float: right;
	padding-left: 19px;
	background: url(/common/images/footerContent_anchor_cir_t.gif) no-repeat left 0.45em;
	color: #0081cc;
}

#footerContent .toTopPage {
	clear: both;
	float: none;
	padding-top: 5px;
}

#footerContent .toTopPage a {
	display: block;
	float: right;
	padding-left: 19px;
	background: url(/common/images/footerContent_anchor_cir_t.gif) no-repeat left 0.45em;
	color: #0081cc;
}

#footerNav {
	padding: 12px 0;
	background: #fff;
	font-size: 72%;
}

#footerNav ul {
	float: left;
}

#footerNav ul li {
	float: left;
	margin-right: 20px;
}

#footerNav ul li a {
	display: block;
	padding-left: 10px;
	background: url(/common/images/anchor_tri_r_navy.gif) no-repeat left 0.5em;
}

#footerNav .copy {
	float: right;
}


/* -:ClearFix
--------------------------------------------------*/
.clear:after,
.inner:after,
#globalNav:after,
#topicPath:after,
#contentBody:after,
.supportNav #supportContent .inner ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear,
.inner,
#globalNav,
#topicPath,
#contentBody,
.supportNav #supportContent .inner ul {
	zoom: 1;
	overflow: hidden;
}