/* [Common] Style Sheet */

/* ---- Common ---------------------- */
.clear {
	clear: both;
	visibility: hidden;
}

/* font */
.fontSizeA {
	font-size: 175%;
}
.fontSizeB {
	font-size: 113%;
}
.fontSizeC {
	font-size: 100%;
}
.fontSizeD {
	font-size: 88%;
}
.fontSizeE {
	font-size: 82%;
}
.fontBold {
	font-weight: bold;
}
.fontItalic {
	font-style: italic;
}
.fontUnderline {
	text-decoration: underline;
}

body, div, p, h1, h2, h3, h4, ul, li, table, a, span, img, input, button {
	margin: 0;
	padding: 0;
}

body {
	color: #000000;
	background-color: #ffffff;
	text-align: center;
	background-image: url("img/background.jpg");
	background-repeat: repeat-x;
	font-size: 100%;
}

li {
	list-style: none;
}

/* ---- Table ---- */
table {
	border: solid 1px #909090;
	border-collapse: collapse;
	border-spacing: 0;
}

th {
	margin: 0px;
	padding: 4px;
	height: 25px;
	border: solid 1px #909090;
	font-weight: bold;
	text-align: center;
	background: url("img/teble_header.png") repeat-x left center #E0E0E0;
}

table.titleLeft th {
	height: auto;
	text-align: left;
	background-image: none;
}

table.td_class2 td {
        height: auto;
        text-align: left;
        background-image: none;
	width:424px;
	white-space: nowrap;
	word-break:break-all;
}



td {
	margin: 0px;
	padding: 4px;
	border: solid 1px #909090;
	text-align: left;
}

/* ---- Image ---- */
img {
    border-style: none;
}

/* ---- Headline ---- */
div.headline {
	display: block;
	padding: 2px 3px;
	border-top: #c0c0c0 solid 1px;
	border-bottom: #c0c0c0 solid 1px;
}
div.headline h3 {
	/*height: 24px; */
	height: auto;
	line-height: 24px;
	font-size: 113%;
	font-weight: bold;
	border-left: #606060 solid 6px;  
	padding-left: 8px;
}


h4.subheadline {
	height: 24px;
	line-height: 24px;
	font-weight: bold;
	border-bottom: #c0c0c0 solid 1px;
}

/* ---- Icon ---- */
/* Small Icon Padding */
.marker, .markerTop, .markerKaigo, .markerIryo, .markerShogai, .markerKourei, .markerJidou,
.link, .linkDetail, .linkUp, .linkDown, .linkNewWindow,
.iconDownload, .iconAttention, .iconInfomation {
	margin-left: 8px;
	padding-left: 24px;
}
/* Middle Icon Padding */
.iconNewArrival, .iconNotice, .iconTopics, .iconImportant,
.iconPadding {
	padding-left: 32px;
}

/* List Marker Icon */
.marker { background: url("img/list_common.gif") no-repeat left center; }
.markerTop { background: url("img/list_site.gif") no-repeat left center; }
.markerKaigo { background: url("img/list_kaigo.gif") no-repeat left center; }
.markerIryo { background: url("img/list_iryo.gif") no-repeat left center; }
.markerShogai { background: url("img/list_shogai.gif") no-repeat left center; }
.markerKourei { background: url("img/list_kourei.gif") no-repeat left center; }
.markerJidou { background: url("img/list_jido.gif") no-repeat left center; }

/* Link Icon */
.link { background: url("img/icon_link.gif") no-repeat left center; }
.linkDetail { background: url("img/icon_link_detail.gif") no-repeat left center; }
.linkUp { background: url("img/icon_link_up.gif") no-repeat left center; }
.linkDown { background: url("img/icon_link_down.gif") no-repeat left center; }
.linkNewWindow { background: url("img/icon_nwin.gif") no-repeat left center; }

/* Contents Icon */
.iconNewArrival { background: url("img/icon_szl_new.gif") no-repeat left center; }
.iconNotice { background: url("img/icon_szl_info.gif") no-repeat left center; }
.iconTopics { background: url("img/icon_szl_topics.gif") no-repeat left center; }
.iconImportant { background: url("img/icon_szl_important.gif") no-repeat left center; }
.iconDownload { background: url("img/icon_download.gif") no-repeat left center; }
.iconAttention { background: url("img/icon_attention.gif") no-repeat left center; }
.iconInfomation { background: url("img/icon_info.gif") no-repeat left center; }

.iconAlignTop {
	background-position: left top;
}
.iconAlignBottom {
	background-position: left bottom;
}

/* ---- Button ---- */
/* Design */
.btnLarge, .btnMiddle, .btnSmall, .btnCancel {
	width: 100px;
	display: inline-block;
	text-decoration: none;
	border: none;
	color: #0000ff;
	vertical-align: middle;
}
.btnLarge span, .btnMiddle span, .btnSmall span, .btnCancel span {
	width: 100%;
	display: inline-block;
	white-space: nowrap;
}
.btnLarge span span, .btnMiddle span span, .btnSmall span span, .btnCancel span span{
	width: 100%;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
}
.btnLarge button, .btnLarge input, .btnMiddle button, .btnMiddle input,
.btnSmall button, .btnSmall input, .btnCancel button, .btnCancel input {
	border: 0;
	width: 100%;
	height:100%;
	font-weight: bold;
	color: #0000ff;
	background: none;
	cursor: pointer;
}
.btnLarge a, .btnMiddle a, .btnSmall a, .btnCancel a {
	display: inline-block;
	border: 0;
	width: 100%;
	font-weight: bold;
	text-align: center;
	color: #0000ff;
	background: none;
	cursor: pointer;
}

/* Large Size */
.btnLarge {
	width: 100px;
	height: 48px;
	font-weight: bold;
	padding-left: 8px;
	background: transparent url("img/button_large_l.png") no-repeat left top;
}
.btnLarge span {
	padding-right: 8px;
	background: transparent url("img/button_large_r.png") no-repeat right top;
}
.btnLarge span span {
	background: none;
}
.btnLarge button, .btnLarge input, .btnLarge a {
	height: 48px;
	line-height:48px;
	font-size: 100%; 
	font-weight: bold;
	text-decoration: none;
	background: transparent url("img/button_large_c.png") repeat-x left top;
}

/* Middle Size */
.btnMiddle {
	width: 100px;
	height: 40px;
	font-weight: bold;
	padding-left: 8px;
	background: transparent url("img/button_middle_l.png") no-repeat left top;
}
.btnMiddle span {
	padding-right: 8px;
	background: transparent url("img/button_middle_r.png") no-repeat right top;
}
.btnMiddle span span {
	background: none;
}
.btnMiddle button, .btnMiddle input, .btnMiddle a {
	height: 40px;
	line-height:40px;
	font-size: 16px; 
	font-weight: bold;
	text-decoration: none;
	background: transparent url("img/button_middle_c.png") repeat-x left top;
}

/* Small Size */
.btnSmall {
	width: 100px;
	height: 32px;
	font-weight: bold;
	padding-left: 8px;
	background: transparent url("img/button_small_l.png") no-repeat left top;
}
.btnSmall span {
	padding-right: 8px;
	background: transparent url("img/button_small_r.png") no-repeat right top;
}
.btnSmall span span {
	background: none;
}
.btnSmall button, .btnSmall input, .btnSmall a {
	height: 32px;
	line-height: 32px;
	font-size: 14px; 
	font-weight: bold;
	text-decoration: none;
	background: transparent url("img/button_small_c.png") repeat-x left top;
}

/* Small Size (Cancel) */
.btnCancel {
	width: 100px;
	height: 32px;
	line-height:32px;
	font-weight: bold;
	color: #AA0000;
	padding-left: 8px;
	background: transparent url("img/button_small2_l.png") no-repeat left top;
}
.btnCancel span {
	padding-right: 8px;
	background: transparent url("img/button_small2_r.png") no-repeat right top;
}
.btnCancel span span {
	background: none;
}
.btnCancel button, .btnCancel input, .btnCancel a {
	height: 32px;
	font-size: 14px; 
	font-weight: bold;
	color: #C00000;
	text-decoration: none;
	background: transparent url("img/button_small2_c.png") repeat-x left top;
}

/* ---- Background Color ---- */
.backgroundGray1 {
	background-color: #C0C0C0;
}

.backgroundGray2 {
	background-color: #E0E0E0;
}

.backgroundGray3 {
	background-color: #F0F0F0;
}

/* ---- Contents Footer ---- */
.contentsFooter {
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 100%;
	text-align: left;
}
.contentsFooter .pageTopLink {
	position: relative;
	width: 100%;
	text-align: right;
	font-size: 82%;
}


/* ---- Container ------------------- */
/* ---- Outline ---- */
#page {
	position: relative;
	margin: 0px auto;
	width: 980px;
	text-align: left;
}

#header {
	position: relative;
	width: 100%;
	height: 90px;
	background-color: #FFFFFF;
}

#main {
	position: relative;
	margin-top: 4px;
	width: 100%;
}

#footer {
	position: relative;
	margin-top: 4px;
	width: 100%;
	height: 20px;
	background-color: #7DCEF4;
}

/* ---- Outline for Single Page ---- */
#singleHeader {
	position: relative;
	width: 100%;
	height: 50px;
	background-color: #FFFFFF;
}

#singleMain {
	position: relative;
	margin-top: 4px;
	width: 100%;
}

#singleFooter {
	position: relative;
	margin-top: 4px;
	width: 100%;
	height: 24px;
	background-color: #7DCEF4;
}


/* ---- Main ---- */
#contentsNavi {
	position: relative;
	width: 196px;
	float: left;
}

#informationArea {
	position: relative;
	margin-left: 4px;
	width: 580px;
	float: left;
}

#toolNavi {
	position: relative;
	margin-left: 4px;
	width: 196px;
	float: left;
}
#toolNavi h2 {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}

#topContentsLink {
	position: relative;
	margin-left: 4px;
	width: 196px;
	float: left;
}

#bannerArea, #bannerArea2 {
	position: relative;
	margin-left: 4px;
	width: 196px;
	float: left;
}

#breadcrumbList {
	position: relative;
	margin-left: 4px;
	width: 780px;
	float: left;
}

#contentsTitle {
	position: relative;
	margin-left: 4px;
	width: 780px;
	float: left;
}
#singleMain #contentsTitle {
	margin-left: 0;
	width: 100%;
}

#mainContents {
	position: relative;
	margin-left: 4px;
	width: 780px;
	float: left;
}
#singleMain #mainContents {
	margin-left: 0;
	width: 100%;
}

/* ---- Contents Navi ---- */
#communityEntrance {
	position: relative;
	width: 100%;
}

#contentsMenu {
	position: relative;
	margin-top: 4px;
	width: 100%;
}

#contentsLink {
	position: relative;
	margin-top: 4px;
	width: 100%;
}

/* ---- Main Container Parts ---- */
.cotainerTop {
	position: relative;
	width: 100%;
	height: 10px;
}

#contentsMenu .cotainerTop, #contentsLink .cotainerTop {
	height: 40px;
}

.cotainerMiddle {
	position: relative;
	width: 100%;
}

.cotainerBottom {
	position: relative;
	width: 100%;
	height: 10px;
}

/* ---- Border ---------------------- */
.borderTL{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	font-size: 1px;
	background: url("img/border_tl.png") no-repeat;
}

.borderTC {
	position: relative;
	margin: 0px 10px 0px 10px;
	height: 10px;
	font-size : 1px;
	background: url("img/border_tc.png") repeat-x;
}

.borderTR {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	font-size: 1px;
	background: url("img/border_tr.png") no-repeat;
}

.borderML {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 2px;
	height: 100%;
	background: url("img/border_ml.png") repeat-y;
}

.contents {
	position: relative;
	margin: 0px 4px 0px 2px;
	padding: 0px 5px;
	background-color: #FFFFFF;
}

.borderMR {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 4px;
	height: 100%;
	background: url("img/border_mr.png") repeat-y;
}

.borderBL {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	font-size : 1px;
	background: url("img/border_bl.png") no-repeat;
}

.borderBC {
	position: relative;
	margin: 0px 10px 0px 10px;
	height: 10px;
	font-size : 1px;
	background: url("img/border_bc.png") repeat-x;
}

.borderBR {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 10px;
	height: 10px;
	font-size : 1px;
	background: url("img/border_br.png") no-repeat;
}

/* ---- Community Entrance, Tool Navi ---- */
#communityEntrance .borderTC, #toolNavi .borderTC {
	font-size: 1px;       /* for IE */
}

#contentsNavi .borderTC h2 {
	font-size: 100%;
	font-weight: bold;
	text-align: left;
}


/* ---- Contents Menu, Contents Link ---- */
#contentsMenu .borderTL, #contentsLink .borderTL {
	height: 40px;
	background: url("img/border_top_menu_tl.png") no-repeat;
}

#contentsMenu .borderTC, #contentsLink .borderTC {
	height: 40px;
	padding: 5px 2px 3px 2px; 
	font-size: 100%;
	line-height: 32px;
	background: url("img/border_top_menu_tc.png") repeat-x;
}

#contentsMenu .borderTR, #contentsLink .borderTR {
	height: 40px;
	background: url("img/border_top_menu_tr.png") no-repeat;
}

#contentsMenu .contents, #contentsLink .contents {
	padding: 0;
}

/* ---- Information Area ---- */
#informationArea .borderTL {
	background: url("img/border_top_tl.png") no-repeat;
}

#informationArea .borderTC {
	padding: 7px 2px 0px 10px; 
	background: url("img/border_top_tc.png") repeat-x;
}

#informationArea .borderTC h2 {
	padding-left: 40px;
	font-size: 175%;
	font-weight: bold;
	text-align: left;
	background: url("img/title_top.png") no-repeat left center;
}

#informationArea .borderTImage {
	position: absolute;
	bottom: 0px;
	right: 40px;
	width: 1px;
	height: 1px;
}

#informationArea .borderTR {
	background: url("img/border_top_tr.png") no-repeat;
}

#informationArea .contents {
	padding-left: 7px;
	padding-right: 7px;
}

/* ---- Result Page ---- */
#breadcrumbList .borderTL {
	height: 10px;
	font-size: 1px;
	background: url("img/border_top_tl.png") no-repeat;
}

#breadcrumbList .borderTC {
	height: 10px;
	font-size: 1px;
	background: url("img/border_top_tc.png") repeat-x;
}

#breadcrumbList .borderTR {
	height: 10px;
	font-size: 1px;
	background: url("img/border_top_tr.png") no-repeat;
}

#contentsTitle .contents h2 {
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 175%;
	font-weight: bold;
	text-align: left;
	text-indent: 8px;
	width: 100%;
	border-bottom: solid 3px #21ade5;
}

#breadcrumbList .contents, #contentsTitle .contents, #mainContents .contents {
	padding-left: 7px;
	padding-right: 7px;
}

/* ---- Single Page ---- */
#singleMain #contentsTitle .contents h1 {
	position: relative;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 175%;
	font-weight: bold;
	text-align: left;
	text-indent: 8px;
	width: 100%;
	border-bottom: solid 3px #909090;
}


/* ---- Header ---------------------- */
/* ---- Title Bar ---- */
#titleBar {
	position: relative;
	width: 100%;
	height: 47px;
	font-size: 82%;
	line-height: 47px;
	border-top: solid 3px #005BB0;
}

#titleBar div {
	height: 40px;
}

#titleLogo {
	position: absolute;
	top: 3px;
	left: 8px;
}

#headerFunc {
	position: absolute;
	top: 3px;
	/*left: 250px;*/
	left: 552px;
}

#headerFuncMsg{
	position: absolute;
	top: 3px;
	left: 210px;
	width: 344px;
	font-size: 88%;
	/*color: #2E64FE;*/
	color: #848484;
/*	color: #0B2161;*/

}


#headerFunc div {
	float: left;
}

#headerFunc a {
	text-decoration: none;
}
#headerFunc a:hover {
	text-decoration: underline;
}

#headerLink {
	position: absolute;
	top: 3px;
	left: 730px;
}

#headerLink ul {
	/*display: inline;*/
}

#headerLink li {
	/*display: inline;*/
	margin-left: 20px;
        line-height: 21px;
}

/* ---- Menu Bar ---- */
#menuBar {
	position: absolute;
	bottom: 3px;
	left: 0px;
	width: 100%;
	height: 37px;
	font-size: 16px;
	background: url("img/menubar_normal.png") repeat-x;
}

#menuBar ul {
	width: 100%;
}

#menuBar li {
	float:left;
	width: auto;
	height: 37px;
	font-weight: bold;
	text-align: left;
	line-height: 37px;
	border-right: groove 2px #AAAAAA;
}

#menuBar a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

#menuBar a:hover {
	text-decoration: underline;
	background: #DBE7F2 url("img/menubar_hover.png") repeat-x;
}

#menuBar :link {
	color: #000000;
}
#menuBar :visited {
	color: #000000;
}

/* Menu Bar Icon */
#menuBar div {
	margin-left: 10px;
	margin-right: 10px;
	text-indent: 32px;
}
#mbTop div { background: url("img/menubar_icon_top.png") no-repeat left center; }
#mbKaigo div { background: url("img/menubar_icon_kaigo.png") no-repeat left center; }
#mbIryou div { background: url("img/menubar_icon_iryou.png") no-repeat left center; }
#mbShougai div { background: url("img/menubar_icon_shougai.png") no-repeat left center; }
#mbKourei div { background: url("img/menubar_icon_kourei.png") no-repeat left center; }
#mbJidou div { background: url("img/menubar_icon_jidou.png") no-repeat left center; }
#mbMokuteki div { background: url("img/menubar_icon_mokuteki.png") no-repeat left center; }

/* ---- Community Entrance ---------- */
#communityEntrance .logoBox {
	position: relative;
	width: 48px;
	float: left;
}
#communityEntrance .linkBox1 {
	position: relative;
	padding: 2px 0px 0px 0px;
	float: left;
}
#communityEntrance .linkBox2 {
	position: relative;
	padding: 0px 0px 0px 0px;
}

#communityEntrance ul {
	font-size: 88%;
	line-height: 22px;
}

#communityEntrance li {
	padding-top: 1px;
	padding-bottom: 1px;
	background-position: left top;
}



/* ---- Contents Menu --------------- */
#contentsMenu ul.itemNormal {
	font-size: 88%;
	line-height: 22px;
}

#contentsMenu .itemNormal li {
	padding-top: 1px;
	padding-bottom: 1px;
	background-position: left top;
}

#contentsMenu ul.itemBlock {
	margin-left: 4px;
	padding-top: 4px;
	font-size: 88%;
	line-height: 20px;
}

#contentsMenu .itemBlock li {
	width: 180px;
	font-size: 10%;       /* for IE */
	text-align: left;
	border-left: solid 1px #f0f0f0;
	border-top: solid 1px #f0f0f0;
	border-right: solid 1px #999999;
	border-bottom: solid 1px #999999;
}

#contentsMenu .itemBlock a {
	display: block;
	margin: 0;
	padding-left: 5px;
	font-size: 1000%;     /* for IE */
	background: #ffffff url("img/menu_item.png") repeat-y right bottom;
}

#contentsMenu .itemBlock a:hover {
	padding-left: 5px;
	background: #DBE7F2 url("img/menu_item_h.png") repeat-y right bottom;
}

#contentsMenu .itemBlock p {
	margin: 0;
	padding-left: 5px;
	font-size: 1000%;     /* for IE */
	background: #ffffff url("img/menu_item.png") repeat-y right bottom;
}

/* ---- Contents Link --------------- */
#contentsLink h3, #topContentsLink h3 {
	padding: 6px 2px 4px 8px;
	font-size: 88%;
	font-weight: normal;
	border-top: solid 1px #909090;
	border-bottom: solid 1px #909090;
}
#contentsLink h3.first, #topContentsLink h3.first {
	border-top: 0px;
}

#contentsLink ul, #topContentsLink ul {
	font-size: 88%;
	line-height: 22px;
}
#contentsLink li, #topContentsLink li {
	padding-top: 1px;
	padding-bottom: 1px;
	background-position: left top;
}

/* ---- Navi Tool ------------------- */
#toolNavi .iconBox {
	position: relative;
	width: 40px;
	float: left;
}
#toolNavi .titleBox {
	position: relative;
	margin-left: 10px;
	text-align: right;
	float: left;
}

.explanBox {
	position: relative;
	font-size: 88%;
}

.formBox {
	position: relative;
}

#toolNavi .sBox {
	width: 128px;
	height: 16px;
}
#toolNavi #submit {
	margin-left: 4px;
	width: 40px;
	height: 24px;
}
/* Checkbox List */
#toolNavi ul {
	margin: 5px 0px;
	font-size: 88%;
}
#toolNavi li {
	position: relative;
	float: left;
	margin-right: 44px;
	line-height: 150%;
}
#toolNavi li input {
	margin-right: 2px;
}


/* ---- Banner Area ----------------- */
#bannerArea .contents, #bannerArea2 .contents {
	text-align:center;
}

#bannerArea .kaigo_banner_list {
        margin-top:4px;
}


/* ---- Breadcrumb List ------------- */
#breadcrumbList .breadcrumbBox {
	padding-bottom: 4px;
	width: 100%;
	font-size: 82%;
	text-indent: 4px;
	border-bottom: solid 2px #21ade5;
}

#breadcrumbList .breadcrumbBox ul {
	display: inline;
}

#breadcrumbList .breadcrumbBox li {
	display: inline;
}

#breadcrumbList .breadcrumbBox a {
	text-decoration: none;
}
#breadcrumbList .breadcrumbBox a:hover {
	text-decoration: underline;
}

/* ---- Contents Title -------------- */
#contentsTitle .fieldTitle {
	width:670px;
}
#contentsTitle .fieldIcon {
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -12px;
	padding-right: 32px;
	height: 24px;
	font-size: 57%;    /* 100% / 175% */
	font-weight: bold;
	color: #21ade5;
	line-height: 24px;
	text-align: right;
	background: url("img/result_top.png") no-repeat right center;
}






/* ---- Footer ---------------------- */
#footer .linkBox {
	position: relative;
	margin-top: 8px;
	width: 100%;
	height: 20px;
	text-align: center;
}

#footer .linkBox ul {
	display: inline;
}

#footer .linkBox li {
	display: inline;
	margin-right: 8px;
	font-size: 82%;
}

#singleFooter .copyright {
	position: absolute;
	bottom: 4px;
	left: 4px;
	height: 16px;
	font-size: 82%;
	color: #FFFFFF;
}

#footer .copyright{
	position: absolute;
	top: 25px;
	left: 0px;
	font-size: 82%;
	color: #000000;
}

#footer .imgWamlogo {
	position: absolute;
	top: 20px;
	left: 270px;
}

#footer .imgISO {
	position: absolute;
	top: 25px;
	left: 370px;
        display: none;
}

#footer .imgKurumin {
	position: absolute;
	top: 25px;
	left: 370px;
}


/* ---- Print Media ----------------- */
@media print{
	#header, #footer,
	#contentsNavi, #toolNavi, #topContentsLink, #bannerArea, #bannerArea2,
	#singleHeader, #singleFooter {
		display: none;
	}
	#informationArea, #breadcrumbList, #contentsTitle, #mainContents {
		width:100%;
	}

	.noprint { display: none; }
}