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

/* ---------------------------------------------
browser initialization
--------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
    margin:0px;
    padding:0px;
    border:0px;
}

table, caption, th, td {
    margin:0px;
    padding:0px;
    border:0px;
    border-collapse:collapse;
    border-spacing:0px;
    empty-cells:show;
    text-align:left;
    font-weight:normal;
}

a img, iframe {
    border:none;
}

ol,ul,li{
    list-style:none;
}

input, textarea, select, button {
    font-size:100%;
    font-family:inherit;
}


/* ---------------------------------------------
site common class
--------------------------------------------- */

a,a:visited,a:hover {
	color:#000000;
}

a:hover {
	color:#000000;
	text-decoration:none;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

.float_clear {
	margin:0px;
	padding:0px;
	font-size:0px;
	line-height:0em;
	clear:both;
}

.textsize_12 {
	font-size:12px;
}

.textsize_16 {
	font-size:16px;
}

.textsize_18 {
	font-size:18px;
}

.textsize_20 {
	font-size:20px;
}

p {
	margin:1em 0px;
}

.clear {
	clear:both;
}

p.margin_none {
	margin:0px !important;
}

p.paragraph {
	margin:0px 0px 1em 0px !important;
}

.align_left {
	text-align:left;
}

.align_center {
	text-align:center;
}

.align_right {
	text-align:right;
}

.clearfix {zoom:1;}
.clearfix:after {
	content:""; 
	display:block; 
	clear:both;
}


/* ---------------------------------------------
common format
--------------------------------------------- */

body {
	font-size:14px;
	line-height:1.8em;
	color:#000000;
	-webkit-text-size-adjust:none;
}

#page_whole {
	background:url(../img/common/header_back.png) repeat-x;
	width:960px;
	margin:0px auto;
}

#contents_left {
	width:640px;
	float:left;
}

#contents_right {
	width:300px;
	float:right;
}


/* ---------------------------------------------
header format
--------------------------------------------- */

#header {
	padding:10px 23px 10px 8px;
	position:relative;
}

#header .left {
	float:left;
}

#header .right {
	float:right;
}

#header h1 {
	margin:10px 0px 0px 168px;
	font-size:15px;
	font-weight:normal;
	line-height:1.2em;
	color:#FFFFFF;
	position:relative;
	z-index:2;
}

#header .left h2 {
	margin-top:-26px;
	line-height:1em;
	position:relative;
	z-index:1;
}

#header .right h2 {
	margin-top:10px;
	font-size:16px;
	line-height:1em;
	text-align:right;
	color:#FFFFFF;
}

#header address {
	margin-top:54px;
}


/* ---------------------------------------------
top page format
--------------------------------------------- */

#contents_left #fade_banner {
	list-style-type:none;
	margin:0px 0px 20px 20px;
	width:620px;
	height:200px;
	overflow:hidden;
}

#contents_left #fade_banner img {
	display:block;
}

#contents_left .top_contents_box {
	margin-bottom:20px;
}

#contents_left .top_contents_box .inner {
	background-color:#F4F2E9;
}

#contents_left .top_contents_box h3.diagnosis {
	padding:15px 0px;
	text-align:center;
}

#contents_left .top_contents_box h4.diagnosis {
	padding-bottom:25px;
}

#contents_left .top_contents_box .inner ul.diagnosis_check {
	background:url(../img/top/diagnosis_illust.jpg) right bottom no-repeat;
	margin:0px 20px 25px;
	width:600px;
	font-size:18px;
	font-weight:bold;
	line-height:2em;
}

#contents_left .top_contents_box h3.about {
	margin-bottom:4px;
}

#contents_left .top_contents_box .inner p.about_copy {
	margin:0px 20px;
	padding:1em 0px;
	width:600px;
}

#contents_left .top_contents_box .inner p.about_copy span {
	background:url(../img/top/about_illust.png) right bottom no-repeat;
	display:block;
}


/* ---------------------------------------------
lower common format
--------------------------------------------- */

#lower_title {
	text-align:right;
}

.lower_notes {
	margin:0px 0px 0px 20px;
	padding:1.2em 20px;
}


/* ---------------------------------------------
merit page format
--------------------------------------------- */

.lower_notes.merit {
	border-bottom:#FD7696 solid 1px;
}

#merit_whole {
	margin-left:20px;
}

#merit_whole h4 {
	margin-top:50px;
}


#merit_whole .merit01 {
	background:url(../img/merit/merit_01.jpg) no-repeat;
	margin-top:10px;
	width:620px;
	height:192px;
	overflow:hidden;
}

#merit_whole .merit02 {
	background:url(../img/merit/merit_02.jpg) no-repeat;
	margin-top:10px;
	width:620px;
	height:192px;
	overflow:hidden;
}

#merit_whole .merit03 {
	background:url(../img/merit/merit_03.jpg) no-repeat;
	margin-top:10px;
	width:620px;
	height:192px;
	overflow:hidden;
}

#merit_whole .merit04 {
	background:url(../img/merit/merit_04.jpg) no-repeat;
	margin-top:10px;
	width:620px;
	height:192px;
	overflow:hidden;
}

#merit_whole h5 {
	margin:80px 0px 0px 75px;
	font-size:19px;
	line-height:1em;
	color:#FFFFFF;
}

#merit_whole p.merit_inner {
	margin:0px;
	padding:0.6em 145px 0px 75px;
	line-height:1.4em;
	color:#FFFFFF;
}

#merit_whole p.flow {
	margin-left:25px;
}


/* ---------------------------------------------
function page format
--------------------------------------------- */

.lower_notes.function {
	border-bottom:#3966D9 solid 1px;
}

#function_whole {
}

#function_whole h4 {
	margin:30px 0px 5px 15px;
}

#function_whole .align_right {
	padding-top:10px;
}

#function_whole #function_list {
	margin-left:20px;
}

#function_whole #function_list_left {
	width:300px;
	float:left;
}

#function_whole #function_list_right {
	width:300px;
	float:right;
}

#function_whole #function_list dt {
	margin-top:10px;
	height:36px;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}

#function_whole #function_list dd {
	background-color:#EAEAF9;
	padding:15px;
}

#function_whole #function_list dt.list01 {
	background:url(../img/function/list_title01.png) no-repeat;
}

#function_whole #function_list dt.list01.ui-state-active {
	background:url(../img/function/list_title01_active.png) no-repeat;
}

#function_whole #function_list dt.list02 {
	background:url(../img/function/list_title02.png) no-repeat;
}

#function_whole #function_list dt.list02.ui-state-active {
	background:url(../img/function/list_title02_active.png) no-repeat;
}

#function_whole #function_list dt.list03 {
	background:url(../img/function/list_title03.png) no-repeat;
}

#function_whole #function_list dt.list03.ui-state-active {
	background:url(../img/function/list_title03_active.png) no-repeat;
}

#function_whole #function_list dt.list04 {
	background:url(../img/function/list_title04.png) no-repeat;
}

#function_whole #function_list dt.list04.ui-state-active {
	background:url(../img/function/list_title04_active.png) no-repeat;
}

#function_whole #function_list dt.list05 {
	background:url(../img/function/list_title05.png) no-repeat;
}

#function_whole #function_list dt.list05.ui-state-active {
	background:url(../img/function/list_title05_active.png) no-repeat;
}

#function_whole #function_list dt.list06 {
	background:url(../img/function/list_title06.png) no-repeat;
}

#function_whole #function_list dt.list06.ui-state-active {
	background:url(../img/function/list_title06_active.png) no-repeat;
}

#function_whole #function_list dt.list07 {
	background:url(../img/function/list_title07.png) no-repeat;
}

#function_whole #function_list dt.list07.ui-state-active {
	background:url(../img/function/list_title07_active.png) no-repeat;
}

#function_whole #function_list dt.list08 {
	background:url(../img/function/list_title08.png) no-repeat;
}

#function_whole #function_list dt.list08.ui-state-active {
	background:url(../img/function/list_title08_active.png) no-repeat;
}

#function_whole #function_list dt.list09 {
	background:url(../img/function/list_title09.png) no-repeat;
}

#function_whole #function_list dt.list09.ui-state-active {
	background:url(../img/function/list_title09_active.png) no-repeat;
}

#function_whole #function_list dt.list10 {
	background:url(../img/function/list_title10.png) no-repeat;
}

#function_whole #function_list dt.list10.ui-state-active {
	background:url(../img/function/list_title10_active.png) no-repeat;
}

#function_whole #function_list dt.list11 {
	background:url(../img/function/list_title11.png) no-repeat;
}

#function_whole #function_list dt.list11.ui-state-active {
	background:url(../img/function/list_title11_active.png) no-repeat;
}

#function_whole #function_list dt.list12 {
	background:url(../img/function/list_title12.png) no-repeat;
}

#function_whole #function_list dt.list12.ui-state-active {
	background:url(../img/function/list_title12_active.png) no-repeat;
}

#function_whole #function_list dt.list13 {
	background:url(../img/function/list_title13.png) no-repeat;
}

#function_whole #function_list dt.list13.ui-state-active {
	background:url(../img/function/list_title13_active.png) no-repeat;
}

#function_whole #function_list dt.list14 {
	background:url(../img/function/list_title14.png) no-repeat;
}

#function_whole #function_list dt.list14.ui-state-active {
	background:url(../img/function/list_title14_active.png) no-repeat;
}


/* ---------------------------------------------
faq page format
--------------------------------------------- */

.lower_notes.faq {
	border-bottom:#75B352 solid 1px;
}

#faq_whole {
	margin-left:20px;
}

#faq_whole h4 {
	margin:30px 0px 0px;
	font-size:25px;
	line-height:1.2em;
	text-align:center;
}

#faq_whole .faq_block {
	margin-bottom:7px;
	text-align:center;
	line-height:0em;
}

#faq_whole .faq_block img {
	cursor:pointer;
}


/* ---------------------------------------------
introduction page format
--------------------------------------------- */

.lower_notes.introduction {
	border-bottom:#A1514B solid 1px;
}

#introduction_whole {
	margin:40px 0px 0px 20px;
	line-height:0em;
	text-align:center;
}


/* ---------------------------------------------
case page format
--------------------------------------------- */

.lower_notes.case {
	border-bottom:#A1514B solid 1px;
}

#case_whole {
	margin:0px 20px 0px 40px;
}

#case_whole h4.case {
	margin:35px 0px;
	font-size:20px;
	line-height:1em;
}

#case_whole h5.case {
	font-size:18px;
	line-height:1.2em;
	color:#F08506;
	clear:both;
}

#case_whole h4.interview {
	border-bottom:#3EA202 solid 1px;
	margin:1.5em 0px 1em;
	padding-left:45px;
	font-size:14px;
	line-height:1em;
	color:#3EA102;
}

#case_whole h5.interview {
	font-size:18px;
	line-height:1.2em;
	color:#3EA102;
}

#case_whole .flow_illust {
	margin-top:30px;
}

#case_whole p.notes {
	font-size:12px;
}

#case_whole .left_photo {
	margin:0px 1em 1em 0px;
	float:left;
}

#case_whole .right_photo {
	margin:1.4em 0px 1em 1em;
	float:right;
}


/* ---------------------------------------------
linkage_merit page format
--------------------------------------------- */

.lower_notes.linkage_merit {
	border-bottom:#A1514B solid 1px;
}

#linkage_merit_whole {
	margin:0px 0px 0px 20px;
}

#linkage_merit_whole #contents_box {
	background-color:#FFFFFF;
	padding:30px 20px 0px;
}

#linkage_merit_whole #contents_box .inner01 {
	background:url(../img/linkage_merit/illust01.png) 450px top no-repeat;
	padding-top:10px;
}

#linkage_merit_whole #contents_box .inner02 {
	background:url(../img/linkage_merit/illust02.png) right top no-repeat;
	margin-top:60px;
}

#linkage_merit_whole #contents_box h3 {
	margin:0px 0px 20px -8px;
}

#linkage_merit_whole #contents_box h4 {
	margin:1.2em 0px 1em;
	font-size:18px;
	line-height:1.2em;
	color:#F08506;
}

#linkage_merit_whole #contents_box h5 {
	background:url(../img/linkage_merit/lead_back.png) no-repeat;
	margin:1em 0px 1em 23px;
	padding:0px 1em;
	font-size:15px;
	line-height:29px;
	letter-spacing:-1px;
	color:#FFFFFF;
	overflow:hidden;
}

#linkage_merit_whole #contents_box p {
	background:url(../img/linkage_merit/arrow.png) left 0.4em no-repeat;
	margin:0px 0px 0px 23px;
	padding-left:20px;
}

#linkage_merit_whole #contents_box p span {
	font-size:10px;
	line-height:1.2em;
}

#linkage_merit_whole #contents_box .howto_box {
	margin:3em 0px;
}

#linkage_merit_whole #contents_box .howto_box_inner {
	background-color:#F4F2E9;
	border-right:#A09A85 solid 1px;
	border-left:#A09A85 solid 1px;
	padding:1px 22px;
}

#linkage_merit_whole #contents_box .howto_box h3 {
	border-bottom:#A09A85 solid 1px;
	margin:0px;
	padding-bottom:10px;
	font-size:25px;
	line-height:1em;
	text-align:center;
	color:#814A0F;
}

#linkage_merit_whole #contents_box .howto_box p {
	background:none;
	border-left:#FFAE00 solid 4px;
	margin:1em 0px;
	padding-left:0.5em;
	font-size:20px;
	line-height:1.2em;
	color:#814A0F;
}

#linkage_merit_whole #contents_box .howto_box p span.notes01 {
	font-size:14px;
}

#linkage_merit_whole #contents_box .howto_box p span.notes02 {
	font-size:14px;
	line-height:1.6em;
	color:#000000;
}


/* ---------------------------------------------
blog page format
--------------------------------------------- */

#blog_contetns_whole {
	margin-left:20px;
	width:620px;
}

#blog_contetns_whole .blog_contetns_title {
	border-bottom:#C8C8C8 solid 1px;
	margin-top:30px;
	padding:0px 1em 0.5em;
}

#blog_contetns_whole .blog_contetns_title h3 {
	padding-bottom:0.2em;
	font-size:20px;
	line-height:1.2em;
	color:#2E8B57;
}

#blog_contetns_whole a {
	color:#2E8B57;
}

#blog_contetns_whole .blog_contetns_title span {
	line-height:1.2em;
	text-align:right;
	display:block;
}

#blog_contetns_whole p {
	margin:1.5em 20px;
	font-size:15px;
	line-height:2em;
}

#blog_contetns_whole #blog_footer_navi {
	margin:50px 0px 0px;
	font-size:14px;
	line-height:1.2em;
	text-align:center;
}

#blog_contetns_whole #blog_footer_navi li {
	display:inline;
}

#blog_contetns_whole #blog_footer_navi li a,
#blog_contetns_whole #blog_footer_navi li a:visited {
	background-color:#F5F5DC;
	padding:0.5em 1.5em;
	color:#2E8B57;
}

#blog_contetns_whole #blog_footer_navi li a:hover {
	background-color:#EEE8AA;
	padding:0.5em 1.5em;
	color:#2E8B57;
}

#blog_contetns_whole #blog_footer_navi .partition {
	padding:0px 1.5em;
}

.pagination {
	margin-top:20px;
	text-align:right;
	line-height:1.2em;
}

.pagination .disabled {
	display:inline;
}

.pagination span span {
	padding-right:1em;
}

.pagination span span:first-child {
	padding-left:1em;
}


/* ---------------------------------------------
right column format
--------------------------------------------- */

#contents_right #global_navi {
	margin-bottom:12px;
}

#contents_right #global_navi li {
	background:url(../img/common/global_back.png) no-repeat;
	margin-bottom:7px;
	width:300px;
	height:30px;
	font-size:16px;
	line-height:30px;
	text-align:center;
	color:#747474;
	overflow:hidden;
}

#contents_right #global_navi li.selected {
	background:url(../img/common/global_back_selected.png) no-repeat;
	color:#FFFFFF;
}

#contents_right #global_navi li a {
	text-decoration:none;
	display:block;
}

#contents_right #global_navi li a:hover {
	background:url(../img/common/global_back_selected.png) no-repeat;
	text-decoration:none;
	color:#FFFFFF;
	display:block;
}

#contents_right .side_btn_bottom_l {
	margin-bottom:30px;
}

#contents_right .side_btn_bottom_s {
	margin-bottom:10px;
}

#contents_right #top_blog_head img {
	display:block;
}

#contents_right #top_blog_area {
	background:url(../img/top/blog_back.jpg) no-repeat;
	margin-bottom:30px;
	height:129px;
}

#contents_right #top_blog_area ul {
	padding:36px 25px 0px;
	max-height:4.7em;
	overflow:hidden;
}

#contents_right #top_blog_area ul li {
	background:url(../img/top/blog_list_type.gif) left 0.2em no-repeat;
	padding-left:1.2em;
	font-size:12px;
	line-height:1.4em;
	max-height:2.8em;
	overflow:hidden;
}


/* ---------------------------------------------
right column blog format
--------------------------------------------- */

#contents_right #blog_widget {
	margin-bottom:30px;
}

#contents_right #blog_widget .blog_widget_inner {
	background:url(../img/blog/blog_side_back.png) repeat-y;
	padding:10px 20px;
}

#contents_right #blog_widget .blog_widget_inner h3 {
	border-bottom:#999999 dotted 1px;
	padding-bottom:0.3em;
	font-size:14px;
	line-height:1.2em;
}

.blog_widget_inner #recent_entries {
	margin-top:1em;
	font-size:12px;
	line-height:1.2em;
	color:#7F7F7F;
}

.blog_widget_inner #recent_entries li {
	background:url(../img/blog/blog_archives_arrow.gif) left 3px no-repeat;
	margin-top:1em;
	padding-left:1.5em;
}

.blog_widget_inner #recent_entries li a {
	color:#7F7F7F;
}

.blog_widget_inner #archives_calendar {
	border-collapse:collapse;
	margin-top:1em;
	width:100%;
	font-size:12px;
	line-height:1.2em;
}

.blog_widget_inner #archives_calendar a {
	color:#2E8B57;
}

.blog_widget_inner #archives_calendar th,
.blog_widget_inner #archives_calendar td {
	border:#666666 solid 1px;
	padding:0.5em 0px;
	font-weight:normal;
	text-align:center;
	vertical-align:central;
}

.blog_widget_inner #archives_calendar th .prev_month {
	padding-right:3em;
}

.blog_widget_inner #archives_calendar th .next_month {
	padding-left:3em;
}

.blog_widget_inner #archives_calendar th.sunday {
	color:#B22222;
}

.blog_widget_inner #archives_calendar th.saturday {
	color:#4169E1;
}


.blog_widget_inner #monthly_archives {
	margin-top:1em;
	font-size:14px;
	line-height:1.2em;
	color:#7F7F7F;
}

.blog_widget_inner #monthly_archives li {
	border-bottom:#CCCCCC dotted 1px;
	margin-top:1em;
	padding-bottom:0.3em;
}

.blog_widget_inner #monthly_archives li a {
	color:#7F7F7F;
}


/* ---------------------------------------------
footer format
--------------------------------------------- */

#page_top {
	margin:20px 20px 0px 0px;
	font-size:12px;
	line-height:1em;
	text-align:right;
}

#footer {
	text-align:center;
}

#footer #footer_navi {
	margin:20px 0px;
	list-style-type:none;
	font-size:10px;
	line-height:1.2em;
}

#footer #footer_navi li {
	display:inline;
}

#footer address {
	background:url(../img/common/footer_back.png) repeat-x;
	font-size:11px;
	font-style:normal;
	line-height:32px;
	color:#FFFFFF;
}