@charset "UTF-8";

/*
FONT CHART 13PX BASED STYLE
10px  77%    :[line-height]12px=1.2 14px=1.401 16px=1.6
12px 	92.4%  :[line-height]14px=1.167 16px=1.355 18px=1.5 20px=1.666
13px 	100%   :[line-height]16px=1.23  18px=1.384 20px=1.538
14px 	107.8% :[line-height]16px=1.143 18px=1.286 20px=1.429
16px 	123.1% :[line-height]18px=1.124 20px=1.244 22px=1.374
18px 	138.5% :[line-height]20px=1.112 22px=1.224 24px=1.334
*/

/* INDIVIDUAL ELEMENTS
-----------------------*/

/* NEWS-TOPICS */
.area_news_gallery li{
width:270px;
font-weight:bold;
margin:0 10px 10px 0;
text-align:center;
float:left;
display:inline;
}
table.news_table{
background:#fff;
}
table.news_table tbody th,
table.news_table td{
border-left:none;
border-right:none;
background:#fff;
vertical-align:middle;
}


/* ACTION */
.action-notice p{
font-size:107.8%;
}
.action-notice{
}
.aaa{
color:f00;
}

/* ROOMS */
.room_list{
float:left;
margin-right:10px;
}
.block_link_double{
margin:0 20px 0;
}
.block_link_double li{
width:250px;
display:inline;
text-align:center;
}
.block_link_double li.even{
float:left;
}
.block_link_double li.odd{
float:right;
}
.block_link_double li a{
border:2px solid #f00;
padding:5px;
display:block;
}
.room_table tbody th h3{
font-weight:bold;
margin-bottom:0.5em;
font-size:123.1%;
}
.room_table tbody td{
font-size:92.4%;
}
.feature_list{
padding:1em;
border:1px solid #f00;
}
.feature_list li{
float:left;
display:inline;
width:225px;
padding:0.2em 0;
}
.feature_list li img{
padding-right:0.2em;
}


#visual_area{
height:384px;
min-height:384px;
background:url(../action/rooms/yurakucho/imgs/bg_main_p3.jpg) no-repeat left bottom;
position:relative;
margin:0 10px 2em;
}
#visual_area h1 span{
color:#fff;
width:10em;
text-align:center;
display:block;
background:#222;
padding:0.5em;
filter : alpha(opacity=70) ;
-moz-opacity : 0.8 ;
opacity : 0.8 ;
font-size:138.5%;
position:absolute;
right:0;
bottom:0;
font-weight:bold;
}


/* EVENT */
.area_desc_list .item .txt{
overflow:hidden;
margin:0 10px;
}
.area_desc_list .img{
margin:0 10px;
float:left;
display:inline;
padding:3px 0 0;
}
.area_desc_list .imgEven{
margin:0 10px;
float:right;
display:inline;
padding:3px 0 0;
}

.area_desc_list .caption{
display:block;
text-align:center;
font-size:92.4%;
font-weight:bold;
padding:0.2em 0;
}

.area_desc_list .item{
margin-bottom:3em;
}
.area_desc_list .item img{
border:1px solid #ccc;
}

/* ROOM */
.area_room_main{
width:570px;
float:left;
}
.area_room_sub{
width:150px;
float:right;
}
dl.address dt{
font-weight:bold;
}
dl.address dd{
margin-bottom:1em;
}
.area_room_nav{
clear:both;
}
.area_room_nav li{
display:inline;
}
.bus_icon li{
	display:inline;
	font-size:100%;
}
.area_room_header .mainimg{
	float:left;
	width:500px;
}
.area_room_header .bnrarea{
	float:right;
	width:160px;
}
.area_room_header .bnrarea li{
	margin-bottom:10px;
}
.area_room_header .bnrarea li.bnr1 img{
	width:160px;
}
.area_room_header .bnrarea li.bnr2 img{
	width:160px;
}
.area_room_header .bnrarea li.bnr3 img{
	width:160px;
}
.ic_social{
width:500px;
margin-bottom:40px;
}
.ic_social li{
float:left;
display:inline;
}



/* 天気予報 */

#weather{
	width:616px;
	margin:0px auto;
}


#weather img{
	margin:0px;
	padding:27px 0px 0px 134px;

}

#weather .a{
width:296px;
height:90px;
float:left;
margin:0px 24px 10px 0px;
background:url(../tmpfile/tenki/img/bg_a.gif) no-repeat;

}

#weather .o{
width:296px;
height:90px;
float:left;
margin:0px 0px 10px 0px;
background:url(../tmpfile/tenki/img/bg_o.gif) no-repeat;

}

#weather .b{
width:296px;
height:90px;
float:left;
margin:0px 24px 20px 0px;
background:url(../tmpfile/tenki/img/bg_b.gif) no-repeat;

}
#weather .ab{
width:296px;
height:90px;
float:left;
margin:0px 0px 20px 0px;
background:url(../tmpfile/tenki/img/bg_ab.gif) no-repeat;
}


#weather2{
	width:616px;
	margin:0px auto;
}


#weather2 img{
	margin:0px;
	padding:27px 0px 0px 0px;

}

#weather2 .a{
width:296px;
height:90px;
float:left;
margin:0px 24px 10px 0px;
background:url(../tmpfile/tenki/img/bg_a.gif) no-repeat;

}

#weather2 .o{
width:296px;
height:90px;
float:left;
margin:0px 0px 10px 0px;
background:url(../tmpfile/tenki/img/bg_o.gif) no-repeat;

}

#weather2 .b{
width:296px;
height:90px;
float:left;
margin:0px 24px 20px 0px;
background:url(../tmpfile/tenki/img/bg_b.gif) no-repeat;

}
#weather2 .ab{
width:296px;
height:90px;
float:left;
margin:0px 0px 20px 0px;
background:url(../tmpfile/tenki/img/bg_ab.gif) no-repeat;
}



#weather3{
	width:634px;
	margin:0px auto;
}

#weather3 p{
	margin:0px;
	padding:5px 0px 0px 3px;
}

#weather3 .a{
	width:301px;
	height:168px;
	float:left;
	margin:0px 16px 16px 0px;
	background:url(../tmpfile/tenki/img/newbg_a.gif) no-repeat;
	padding: 2px 0px 0px 8px;

}

#weather3 .o{
width:301px;
height:168px;
float:left;
margin:0px 0px 0px 0px;
padding: 2px 0px 0px 8px;
background:url(../tmpfile/tenki/img/newbg_o.gif) no-repeat;

}

#weather3 .b{
width:301px;
height:168px;
float:left;
margin:0px 16px 20px 0px;
padding: 2px 0px 0px 8px;
background:url(../tmpfile/tenki/img/newbg_b.gif) no-repeat;

}
#weather3 .ab{
width:301px;
height:168px;
float:left;
margin:0px 0px 20px 0px;
padding: 2px 0px 0px 8px;
background:url(../tmpfile/tenki/img/newbg_ab.gif) no-repeat;
}





.tenki_date{
font-size:18px; font-weight:bold; text-align:center;
}

#weather_s{
	width:672px;
	height:55px;
	margin:0px auto 15px auto;
	background:url(../action/img/bg_tenki_s.gif) no-repeat;
}
#weather_s ul{
	list-style:none outside;
	margin:0px auto;
	padding:10px 0px 0px 0px;
	width: 672px;
}

#weather_s li{
	list-style:none;
	margin:0px;
	padding:0px 9px 0px 72px;
	width:88px;
	float:left;
}

#weather_s li.b{
	margin:0px;
	padding:0px 9px 0px 73px;
	width:88px;
	float:left;
}

#weather_s li.ab{
	margin:0px;
	padding:0px 0px 0px 73px;
	width:88px;
	float:left;
}

#weather_s2{
	width:672px;
	height:55px;
	margin:0px auto 15px auto;
	background:url(../action/img/bg_tenki_s.gif) no-repeat;
}
#weather_s2 ul{
	list-style:none outside;
	margin:0px auto;
	padding:10px 0px 0px 0px;
	width: 672px;
}

#weather_s2 li{
	list-style:none;
	margin:0px;
	padding:0px 9px 0px 0px;
	width:160px;
	float:left;
}

#weather_s2 li.b{
	margin:0px;
	padding:0px 9px 0px 0px;
	width:160px;
	float:left;
}

#weather_s2 li.ab{
	margin:0px;
	padding:0px 0px 0px 1px;
	width:160px;
	float:left;
}








/* FAQ */
.faq_list{
margin:0 10px;
}
.faq_list dt{
font-weight:bold;
}
.faq_list dd{
	margin-bottom:1.5em;
	padding-bottom:1.5em;
	border-bottom:1px dotted #999;
	padding-left:1.5em;
	text-indent:-1.5em;
	margin-top: 1em;
}
.faq_list dd .related_link{
padding-left:1.5em;
text-align:right;
padding:0.3em 0;
}
.faq_list dd a{
text-indent:0;
}
.faq_list dd .link-list{
margin-left:1.5em;
}
.faq_list dd .link-list li{
list-style:outside disc;
text-indent:0;
}

/* KNOW */

.detail .frame_a{
	background:#FFFACD;
	padding:1em 1em 0.4em 1em;
}

.area_coop{
background:#eee;
padding:1em 1.5em;
}

.area_coop dl{
}
.area_coop dt{
font-size:123.1%;
font-weight:bold;
}
.area_recent{
border:5px solid #eee;
margin:0 5em;
padding:1em 0;
}
.area_recent .subttl{
text-align:center;
border:none;
padding-left:0;
}
.area_recent ul{
margin:0 1em;
}
.area_recent li{
display:inline;
margin-right:1em;
}

/* -- GALLERY LIST --*/
#area_gallery_list{
margin-right:-10px;
}
#area_gallery_list .ttl{
font-size:100%;
margin:0 10px 1em;
}
#area_gallery_list .item{
	float:left;
	display:inline;
	border:2px solid #FFE4E1;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	padding:10px 0;

}


/* -- letter LIST --*/
#area_letter_list{
margin-right:-10px;
}
#area_letter_list .ttl{
font-size:100%;
margin:0 10px 1em;
}
#area_letter_list .item{
	float:left;
	display:inline;
	border:2px solid #FFE4E1;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;

}
#area_photo_letter .item{
	width:192px;
	margin:0 12px 1em 0;
	padding: 10px;
}
#area_photo_letter p.img{
	margin:0px padding:0px 0px 6px 0px;
}

body#pages div#maincol .lettercomment p.name{
	padding:6px 10px 4px 10px;
	text-align:left;
	background-color:#FFFACD;
	margin: 0px 0px 8px 0px;
}

.lettercomment {
	background:url(../common/img/dots_a.gif) bottom repeat-x;
	margin: 12px 0px 10px 0px;
	padding:0px 0px 8px 0px
}



/* MATE */

#area_photo_gallery .item{
	width:212px;
	margin:0 12px 1em 0;
	padding: 0px;
}
#area_photo_gallery  p{
margin:0 20px 0.25em;
text-align:center;
}
#area_photo_gallery p.comment{
text-align:left;
}
.paginate{
text-align:center;
}
.paginate li{
display: inline;
zoom:1;
}
.paginate li strong,
.paginate li a{
display:-moz-inline-box;
display:inline-block;
padding: 0.25em 0.4em;
}

/* VOLUNTEER */

.bnr_contact{
position:relative;
width:404px;
margin:0 auto;
}
.bnr_contact .btn{
position:absolute;
left:278px;
top:54px;
}


/* COOP */
.area_supporter_main .img{
float:left;
display:inline;
}
.area_supporter_main .txt{
padding:0 10px;
}
.area_supporter_main .txt dt{
font-weight:bold;
}

.area_supporter_gallery .item{
width:348px;
margin:0 10px 1em 0;
}
.area_supporter_gallery p{
margin:0 10px 0.25em;
}
.area_supporter_gallery p.img{
width:100px;
float:left;
display:inline;
}
.area_supporter_main .txt,
.area_supporter_gallery .txt{
overflow:hidden;
}

/* ABOUT */
.area_about .imgEven{
width:144px;
}
#usual1 ul{
overflow:hidden;
margin-bottom:10px;
}
#usual1 li{
float:left;
border:1px solid #ccc;
}
#usual1 li a{
display:block;
padding:5px;
}
#usual1 li a.selected{
background:#eee;
}

/* INQUIRY */
.area_inquiry_list table th{
width:400px;
}
.area_inquiry_list table{
margin-bottom:2em;
}
.area_inquiry_confirm{
border:1px solid #ccc;
padding:1em;
}

/* RECRUIT */

table.recruit_table{
width:auto;
margin-right:190px;
}
table.recruit_table tbody th,
table.recruit_table td{
border:none;
background:#fff;
}


/* 献血会場 */

body#pages div#maincol #room_bus h3{
	font-size:123.1%;
	background:url(../common/img/bg_midashi.gif) no-repeat;
	font-weight:bold;
	line-height: 1.4em;
	padding: 12px 0px 0px 24px;
	height:36px;
	margin: 0px 0px 16px 0px;
	width:290px;
}

#room_bus #room{
	float:left;
	text-align:left
	padding: 0px 0px 0px 0px;
	margin: 0px 40px 0px 0px;
	width:314px;
}
#room_bus #bus{
	float:right;
	text-align:left
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:314px;
}
#room_bus li{
	float:left; width:157px; padding:0px 0px 8px 0px;
}



/* イベント・キャンペーン */

body#pages div#maincol #camp_event h3{
	font-size:123.1%;
	background:url(../common/img/bg_midashi.gif) no-repeat;
	font-weight:bold;
	line-height: 1.4em;
	padding: 12px 0px 0px 24px;
	height:36px;
	margin: 0px 0px 16px 0px;
	width:290px;
}

#camp_event #camp{
	float:left;
	text-align:left
	padding: 0px 0px 0px 0px;
	margin: 0px 40px 0px 0px;
	width:314px;
}
#camp_event #event{
	float:right;
	text-align:left
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width:314px;
}

#camp_event dl{
	vertical-align:middle;
	margin:0px 0px 8px 0px;
	padding:0px 0px 8px 0px;
	border-bottom:1px dotted #999;
	width: 314px;

}

#camp_event dl img{
	vertical-align:middle;
	padding: 0px 0px 0px 0px;
	border: 1px solid #ccc;

}
#camp_event dt{
	float:left;
	width:74px;
	margin:0px;
	padding:0px;
	line-height:1.4em;
	vertical-align:middle;
	display: table-cell;
}
#camp_event dd{
	width:240px;
	float:left;
	margin:0px;
	padding:0px 0px 0px 0px;
	line-height: 1.6em;
	vertical-align:middle;
	display: table-cell;
}






/* 発行物 */

#issue ul{
list-style:outside none;
}
#issue li{
	width:190px;
	float:left;
	text-align:center;
	margin:0px 12px 20px 12px;
	border: 1px solid #FFC7B7;
	padding: 4px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius:5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;
}
#issue li img{
	border:1px solid #DDD;
	margin-top:12px;
}

#issue ul p{
	line-height:1.4em;
	background-color:#FFE4E1;
	padding:3px 0px;
	margin:8px 0px 0px 0px;
	/* Firefox用 */
}

#issue h3{
clear:both;
}




/* ニュースサイト */

#clip ul{
list-style:outside none; width:630px; margin:0px auto;
}
#clip li{
width:200px;
float:left;
padding:0px;
margin:5px;
}


/* 検定 */

div#maincol #goukaku{
	background:url(../know/kentei/img/goukaku.gif) no-repeat;
	width:482px;
	height:110px;
	padding:76px 0px 0px 190px;
}
div#maincol #fugoukaku{
	background:url(../know/kentei/img/fugoukaku.gif) no-repeat;
	width:482px;
	height:110px;
	padding:78px 0px 0px 190px;
}

body#pages div#maincol #fugoukaku h5{
font-size:20px;
}
body#pages div#maincol #goukaku h5{
font-size:20px;
}




/* ADDITIONAL */

.area_menulist{
padding-top:8px;
margin-bottom:1em;
}
.area_menulist dl{
border-right:1px solid #929292;
width:170px;
float:left;
}
.area_menulist dt{/*
font-weight:bold;
padding:0.5em 9px;
background:#eee;
border-bottom:1px solid #ccc;
margin-bottom:1em;
text-align:center;*/
margin-bottom:.5em;
}
.area_menulist dl.ml1{
width:170px;
}
.area_menulist dl.ml4{
border-right:none;
}
.area_menulist ul{
margin:0 9px;
padding-bottom:1em;
}
.area_menulist ul li{
list-style:outside none;
background:url("../imgs/m_bullet1.gif") no-repeat 0px 8px;
padding-left:8px;
margin-bottom:.5em;
}

input.w20{
width:250px;
}
textarea.w20{
width:250px;
height:200px;
}
textarea.w30{
width:350px;
height:200px;
}
.source_list{
width:520px;
}
.source_list li{
display:inline-block;
padding-right:20px;
margin-bottom:20px;
}
*:first-child+html body .source_list li{
display:inline;
zoom:1;
}
* html body .source_list li{
display:inline;
zoom:1;
}
.source_list li img{
vertical-align:middle;
}

/* TEST */
.testnav li{
display:inline;
float:left;
width:230px;
margin-right:10px;
}
.testnav li.last{
margin-right:0;
}
.test_step li{
display:inline-block;
margin-right:10px;
zoom:1;
}
*:first-child+html body .test_step li {
display:inline;
}
*:first-child+html body .test_step li {
display:inline;
}
* html body .test_step li {
display:inline;
}
* html body .test_step li {
display:inline;
}
.test_step li {
display:inline-block;
border:1px solid #ccc;
padding:10px;
width:50px;
text-align:center;
text-decoration:none;
zoom:1;
position:relative;
}
.test_step li .wmark_c,
.test_step li .wmark_inc{
border:2px solid #d00;
color:#d00;
padding:0.1em;
position:absolute;
display:block;
width:3.5em;
top:0.75em;
left:1em;
text-align:center;
font-weight:bold;
background:#fff;
font-size: 77%;
}
.test_step li .wmark_c{
border:2px solid #00d;
color:#00d;
}
.test_step li.stay{
background:#eee;
}
.test_body{
margin:0 0 4em;
}
.ttl_correct{
font-size: 185%;
color:#0000FF;
}


img.banner{
margin-bottom:10px;
}