@charset "Shift_JIS";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 医療生協 */
/* hhc.css */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++*/

html{background-color:#4FBBC1;}

#all{
background: url("../img/back-main.gif") repeat-y;
width:898px;
margin:0 auto;
}
#all a{
color:#188B8F;
text-decoration:underline;
}
#all a:hover{
color:#50C3C7;
text-decoration:none;
}

/* ++++++++++++++++++
	文字の大きさ
++++++++++++++++++ */	
#font-size{
margin-top:20px;
margin-left:15px;
height: 25px;
}
#font-size dt{
height: 25px;
}
#fchange a {
	cursor:pointer;
}
#fsmall a,#fmiddle a,#flarge a {
	display: block;
	height: 25px;
	width: 25px;
}
#fsmall a,#fmiddle a,#flarge a {
	display: block;
	height: 25px;
	width: 25px;
}
#fchange .ftxt {
	display: none;
}

/* ボタンの表示状態
--------------------*/
#fsmall a {
	background-image: url(../img/btn_s_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*カレント*/
#fmiddle a {
	background-image: url(../img/btn_m_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#flarge a {
	background-image: url(../img/btn_l_off.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#fsmall a:hover {
	background-image: url(../img/btn_s_on.gif);
}
/*カレント
#fmiddle a:hover {
	background-image: url(../img/btn_m_on.gif);
}
*/
#flarge a:hover {
	background-image: url(../img/btn_l_on.gif);
}


/* ++++++++++++++++++
	header
++++++++++++++++++ */	
#header{
width:898px;
margin:0 auto;
background: url("../img/back-header.gif") no-repeat;
}
#header h1{
padding:10px 0 0 50px;
}
#header-navi{
width:898px;
margin:0 auto;
background: url("../img/back-main.gif") repeat-y;
}
#header-navi-contents{
width:800px;
margin:0 auto;
}
#header-navi-contents li{
float:left;
height:62px;
margin-bottom:5px;
}
#header-navi-contents li img{
vertical-align: bottom;
}
#header-navi .top-image{
width:800px;
margin:0px auto 5px;
clear:both;
}

/* ++++++++++++++++++
	メインナビ
++++++++++++++++++ */	
ul#main-navi{
width:898px;
margin:0 auto;
}
ul#main-navi li{
float:left;
height:51px;
margin-bottom:0px;
}
ul#main-navi li img{
vertical-align: bottom;
}


/* ++++++++++++++++++
	トップ-コンテンツ
++++++++++++++++++ */	
#top_contents{
width:898px;
margin:0 auto;
background: url("../img/back-footer.gif") no-repeat;
background-position: bottom;
}
.contents{
width:800px;
height:143px;
margin:0px auto;
}

/* ++++++++++++++++++
	フッター01
++++++++++++++++++ */	
#bottom_contents{
width:898px;
height:121px;
clear:both;
margin:0px auto;
background: url("../img/iryouseikyou/back-footer-main.gif") no-repeat;
background-position: top;
}
#address_tatemono{
width:800px;
margin:10px auto 20px auto;
border-top:2px solid #E8E8E8;
border-bottom:2px solid #E8E8E8;
line-height:1.2em;
font-size:13px;
}
table#address_tatemono{
width:800px;
margin-top:10px;
border-top:2px solid #E8E8E8;
border-bottom:2px solid #E8E8E8;
line-height:1.2em;
font-size:13px;
}
#address_tatemono p{
font-size:15px;
line-height:1.25em;
margin-top:3px
}
#address_tatemono address{
line-height:1.25em;
margin-top:3px
}


/* ++++++++++++++++++
	フッター02
++++++++++++++++++ */	
#footer02{
width:830px;
margin:5px auto;
font-size:12px;
}
#footer02 li{
display:inline;
}
#footer02 p{
margin-top:-30px;
text-align:right;
}

/* ++++++++++++++++++
	フッター03
++++++++++++++++++ */	
#footer03{
margin:12px auto 10px auto;
padding-top:0px;
background-color:#4FBBC1;
border-top:3px solid #ffffff;
}
ul#banner{
padding-top:10px;
width:830px;
height:37px;
margin:0 auto;
}
ul#banner li{
float:left;
height:37px;
}
ul#banner li img{
margin:0px 0 0 2px;
height:37px;
}
#footer03 p{
width:830px;
margin:5px auto;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
コンテンツ共通
++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#contents-all{
width:898px;
margin:5px auto 0;
background: url("../img/iryouseikyou/back-contents.gif") repeat-y;
}
#pan{
width:898px;
text-align:right;
background: url("../img/iryouseikyou/back-top.gif") no-repeat;
height:25px;
}
span.pan-right{
margin-right:115px;
}
#contents-top{
width:667px;
margin:0 auto;
}
h2.contents-top-image{
margin:0px auto 5px;
border-top:3px solid #4FBBC1;
}
h2.contents-top-image-kage{
margin:0px auto;
border-top:3px solid #4FBBC1;
}
#contents-main{
width:630px;
margin:5px auto 0 auto;
}
#contents-main p.maru{
width:590px;
margin:0px auto 0px 1em;
text-indent:-1em;
padding-left:1em;
}
#contents-main h4{
width:602px;
margin:15px auto 0 2em;
border-bottom:1px dashed #666666;
clear:both;
}
.kajougaki{
margin:5px 0 0 3em;
}
.kajougaki dd{
margin-left:1em;
text-indent:-1em;
}
.kome-indent{
padding-left:1em;
text-indent:-1em;
}
.kome-indent02{
padding-left:2em;
}
ul.photo{
font-size:12px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
地域支部ニュース
++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#contents-main h4.h4-news{
width:602px;
margin:20px auto 0 2em;
border-bottom:none;
clear:both;
}
#news{
text-align:center;
width:560px;
margin:5px auto 0 3em;
border:5px solid #cccccc;
}
#news table{
font-size:12px;
text-align:center;
width:472px;
margin:5px auto;
background: url("../img/news/back-tensen.gif") no-repeat;
background-position: top;
}
#adobe{
padding:5px;
text-align:left;
background:#E8E8E8;
width:500px;
font-size:12px;
margin:5px auto 10px;
}
#adobe dt{
margin-bottom:5px;
}
#adobe a{
font-size:13px;
color:#333333;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
個人情報保護方針
++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#privacy-waku{
width:630px;
margin:10px auto;
border:2px solid #cccccc;
}
#contents-main p.privacy{
width:590px;
margin:5px auto 3px 1em;
text-indent:-1em;
padding-left:1em;
}
.privacy-title{
margin:20px 0 10px 10px ;
color:#1A9399;
font-size:105%;
font-weight:bold;
border-bottom:1px solid #666666;
border-left:4px solid #1A9399;
padding:0 0 2px 3px;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
北海道医療生協とは
++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.kajougaki-iryou{
margin:10px 0 0 2em;
}
#qa{
width:590px;
margin:10px auto;
padding:10px 0;
border-top:1px dashed #666666;
border-bottom:1px dashed #666666;
}
#qa dt{
font-size:15px;
color:#666666;
font-weight:bold;
}
#qa dt img{
vertical-align:middle;
}
.qa-a{
width:590px;
margin:10px auto 0 auto;
padding:10px 0;
border-bottom:1px dashed #666666;
}
.qa-a dt{
font-size:15px;
color:#666666;
font-weight:bold;
}
.qa-a dt img{
vertical-align:middle;
}
.anser{
width:500px;
margin-left:38px;
}

#top_news{
width:390px;
margin-top:0;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
お問い合わせ
++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#toiawase{
font-size:12px;
width:629px;
margin:5px 0 10px 0;
padding:0;
line-height:1.5em;
border-top:1px solid #666666;
border-left:1px solid #666666;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
}

#toiawase th{
border-right:1px solid #666666;
border-bottom:1px solid #666666;
color:#333333;
background-color:#F5F5F5;
font-weight:normal;
text-align:left;
padding:10px;
}

#toiawase td{
border-right:1px solid #666666;
border-bottom:1px solid #666666;
padding:10px;
}

input{border:1px solid #333333;padding:4px 0}
textarea{border:1px solid #333333;padding:4px 0}

#toiawase-waku{
border:1px solid #666666;
margin:20px auto 10px;
width:629px;
}
#toiawase-waku li{
margin:5px auto;
width:600px;
}
.hoshi{
font-size:9px;
color:red;
vertical-align: super;
}

dl#check{
width:550px;
border-top:1px dashed #333333;
border-bottom:1px dashed #333333;
margin:10px 0 30px 0;
padding:5px 0 10px 0;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
リンク
++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.link{
margin:5px 0 0 3em;
}
.link li{
margin-left:1em;
text-indent:-1em;
margin-top:3px;
}
li.link-bold{
font-weight:bold;
margin-top:10px;
}

.link-maru{color:#999999;margin-right:2px}


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++
サイトマップ
++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#contents-main h4.sitemap-title{
width:602px;
margin:25px auto 0 2em;
border-bottom:none;
clear:both;
}

.sitemap-blue{color:#50C9DE;margin-right:2px}
.sitemap-orange{color:#FFC163;margin-right:2px}
.sitemap-pink{color:#FCA4B3;margin-right:2px}
.sitemap-green{color:#99CC66;margin-right:2px}

#sitemap a{color:#333333;}
#sitemap a:hover{color:#666666;}

#sitemap dt{
margin-left:1em;
text-indent:-1em;
margin-top:3px;
}
#sitemap dt.sub-title{
text-indent:-1em;
margin-left:2em;
margin-top:10px;
margin-bottom:-4px;
font-weight:bold;
}
#sitemap dd{
margin-left:2em;
text-indent:-1em;
margin-top:3px;
}

#sitemap-iryou{
margin:8px 3em 0 3em;
width:20em;
}
#sitemap-iryou-tensen{
padding-top:5px;
border-top:1px dashed #666666;
margin:30px 0 0 3em;
}