@charset "UTF-8";


/* 一括定義
----------------------------------------------------------*/
html {
    margin: 0;
    padding: 0;
}

* html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}


body {
    margin: 0;
    padding: 0;
    font-family: verdana, 'trebuchet ms', sans-serif;
    font-size: 12px;
	background-color:#eeeeee;
	line-height:16px;
}


a:link {color:#0066cc; text-decoration: none;}
a:visited {color:#0066cc; text-decoration: none;}
a:hover {color:#0066cc; text-decoration: underline;}
a:active {color:#0066cc; text-decoration: underline;}

#link_mark{
	background:url(images/link_midashi.gif) no-repeat 0 4px;
	padding-left:8px;
	line-height:16px;
}

#link_supportermark{
	background:url(images/interview_link_midashi.gif) no-repeat;
	background-position: 0px;
	padding-left:8px;
}

h1,h2,h3,h4,h5,ul,li,a {margin:0;padding:0;}

a img { border: 0; }

ul li {	list-style: none; }
a {	text-decoration:none; }



/* 書式
----------------------------------------------------------*/
div.clearfloat{
	height:0px;
	font-size:1pt;
	clear:both;
	display:block;
}


/* container
----------------------------------------------------------*/
#container {
	width:816px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
}


/* h1
----------------------------------------------------------*/
#header {
	width:816px;
	height:150px;
	background:url(images/header.jpg) no-repeat;
	position:relative;
}

h1 a{
	width:185px;
	height:30px;
    display: block;
	position:absolute;
	top:75px;
	left:180px;
	text-indent:-9999px;
}

#kddi a{
	display:block;
	width:150px;
	height:105px;
	position:absolute;
	top:35px;
	left:430px;
}


#forkids a{
    display: block;
	width:195px;
	height:105px;
	position:absolute;
	background:url(images/forkids.gif) no-repeat;
	text-indent:-9999px;
	left:595px;
	top:35px;
	overflow:hidden;
}


/* middle
----------------------------------------------------------*/
#middle_top {
	width:816px;
	background:url(images/contents_bg.gif) repeat-y;
	overflow:hidden;
	padding:10px 0px 10px 8px;
}

#middle {
	width:816px;
	background:url(images/contents_bg.gif) repeat-y;
	padding:10px 0px 10px 8px;
}


/* menu
----------------------------------------------------------*/
#menu{
	width:220px;
	float:left;
}

#menu_top {
	width:220px;
	height:29px;
	background:url(images/menu_top.gif) no-repeat;
	text-indent:-9999px;
}

#menu_jyoho {
	width:220px;
	height:29px;
	background:url(images/menu_jyoho.gif) no-repeat;
	text-indent:-9999px;
}

#menu_sien {
	width:220px;
	height:29px;
	background:url(images/menu_sien.gif) no-repeat;
	text-indent:-9999px;
}

#menu_siru {
	width:220px;
	height:29px;
	background:url(images/menu_siru.gif) no-repeat;
	text-indent:-9999px;
}

/*===========================*/

#menu_about,
#menu_info,
#menu_katsudo,
#menu_supporter,
#menu_cl_center,
#menu_other {
	width:220px;
	height:29px;
	text-indent:-9999px;
}

#menu_about{background:url(images/menu_about.gif) no-repeat;}
#menu_info{background:url(images/menu_info.gif) no-repeat;}
#menu_katsudo{background:url(images/menu_katsudo.gif) no-repeat;}
#menu_supporter{background:url(images/menu_supporter.gif) no-repeat;}
#menu_cl_center{background:url(images/menu_cl_center.gif) no-repeat;}
#menu_other{background:url(images/menu_other.gif) no-repeat;}



#menu li a {
	width:195px;
	height:29px;
    display: block;
	color:#666666;
	line-height:29px;
	padding-left:25px;
	text-decoration: none;
}

#menu li a:hover{
	background:url(images/menu_ora_ov.gif) no-repeat;
}

#menu li {
	width:220px;
	height:29px;
    display: block;
	color:#666666;
	line-height:29px;
	text-decoration: none;
}

#menu li:hover{
	background:url(images/menu_ora_ov.gif) no-repeat;
}

#zenkoku a{
	width:199px;
	height:98px;
	background:url(images/zenkoku.gif) no-repeat;
	text-indent:-9999px;
	margin-left:10px;
	margin-top:10px;
    display: block;
	overflow:hidden;
}



/* contents
----------------------------------------------------------*/
#contents {
	width:545px;
	float:left;
	margin-left:17px;
}

#top_photo{
	width:545px;
	height:209px;
}

h3{
	width:530px;
	height:22px;
	background:url(images/title_back.gif) no-repeat;
	text-align:left;
	padding-left:15px;
	font-size:12px;
	padding-top:3px;
	color:#999999;
	margin-bottom:5px;
}

#contents_main {
	width:515px;
	margin-left:17px;
}

#text_contents{
	width:545px;
	float:left;
	margin-top:5px;
}

#interview{
	width:545px;
	height:132px;
	background:url(images/interview_back.gif) no-repeat;
	display: block;
}

#relayphoto{
	margin-top:5px;
	margin-left:6px;
	float:left;
	position:absolute;
}

#relaytext{
	width:300px;
	height:80px;
	margin-top:60px;
	margin-left:185px;
	position:absolute;
}

#banner_long{
	margin-top:8px;
	width:545px;
}

#banner_short_left{
	width:269px;
	float:left;
}

#banner_short_right{
	width:269px;
	float:right;
}

#banner_text{
	font-size:10px;
	color:#6699cc;
	text-align:center;
}

.clearfloat{
	height:0px;
	font-size:1pt;
	clear:both;
	display:block;
}



/* footer
----------------------------------------------------------*/
#footer {
	float:left;
	width:816px;
	height:38px;
	background:url(images/footer.gif) no-repeat;
	padding-top:10px;
	padding-left:20px;
}


#footer li{
	float:left;
}

#footer li a{
	font-size:10px;
	color:#666666;
	padding-right:10px;
}

address{
	font-size:10px;
	color:#666666;
	font-style:normal;
	margin-left:490px;
}



/* whats_new
----------------------------------------------------------*/
#whats_data {
	color:#999999;
	margin-top:5px;
}

#whats_kakomi {
	border:solid #CCCCCC 1px;
	padding:5px;
	line-height:1.5;
}

#whats_kakomi p{
	padding:7px;
	}

/* entry_text
----------------------------------------------------------*/
#whats_title {
	background:url(images/new_midashi.gif) no-repeat 0 2px;
	color:#339900;
	font-weight:bold;
	padding-left:15px;
	line-height:16px;
	border-bottom:solid 2px #339900;
	margin-bottom:7px;
}

#ema_title {
	background:url(images/midashi_ema.gif) no-repeat 0 2px;
	padding-left:15px;
	line-height:16px;
	margin-top:5px;
}


h2 {
color: #ff6633;
font-weight: bold;
font-size: 12px;
line-height: 12px;
background:url(images/midasi_h2.gif) no-repeat;
padding-left:13px;
margin:5px 0px;
}


/* ema
----------------------------------------------------------*/
#side_left {
	width:260px;
	float:left;
}

#side_right {
	width:260px;
	float:right;
}

#ema_comment {
	width:500px;
	background:url(images/ema_back_s.gif) no-repeat right top;
	text-align:left;
	margin-top:10px;
}

#ema_comment_title {
	width:500px;
	color:#ff6666;
	font-size:14px;
	font-weight:bold;
	border-bottom:#ff6666 solid 2px;
	margin-bottom:9px;
}

#ema_messagetitle {
	background:url(images/message.gif) no-repeat center;
	margin-top:5px;
	text-indent:-9999px;
	height:30px;
}
#ema_message {
	width:500px;
	color:#999999;
	font-size:12px;
	text-align:center;
	padding:5px 0px;
}

/* ema_back number
----------------------------------------------------------*/
#backnum_ema {
	clear:both;
	text-align:center;
	margin:20px 0px;
}




/*▼20060109追加　10周年記念のcss　金井▼*/
.anniverNenpyouBox{
	height:auto;
	margin-bottom:10px;
	clear:both;
	border-bottom:#CCCCCC 1px dotted;
	}

.anniverNenpyouBox img{
	float:left;
	margin-right:10px;
	margin-top:10px;
	}

.anniverNenpyouBox .text{
	width:400px;
	margin-top:10px;
	float:left;
	}

.anniverNenpyouBox .chakushin{
	color:#FF0000;
	font-weight:bold;
	}


dl.list10th{
	margin-bottom:10px;
	}

dl.list10th dt.title{
	font-weight:bold;
	}

dl.list10th .red{
	font-size:10px;
	color:#FF0000;
	}

.mobun{
	width:400px;
	height:auto;
	margin:0 auto;
	padding:10px;
	border:#999999 1px solid;
	background:#eeeeee;
	margin-bottom:20px;
	}

.goukei{
	width:100%;
	text-align:center;
	color:#FF0000;
	font-size:16px;
	font-weight:bold;
	line-height:140%;
	}

/*▲20060109追加　10周年記念のcss　金井▲*/

/* new
===========================*/

h2.title_dot{
	background:url(images/new/titl_bg.gif) no-repeat;
	padding-top:8px;
	width:530px;
	height:20px;
	color:#ce500c;
	font-weight:bold;
	font-size:14px;
	margin:10px 0 10px 0;
	padding-left:15px;
}



/* 2010.12.28add
----------------------------------------------------------*/
ul.kodomoMess {
	margin:0;
	padding:0;
	}
	
ul.kodomoMess li {
	padding-left:18px;
	margin:0 0 10px 0;
	background:url(../images/ico_gray.gif) no-repeat 5px 4px;
	}
	
h2 span.emagency {
	color:#CC0000;
	}
	

div.emIndex {
	padding:10px 5px;
	}

ul.emList {
	margin:0;
	padding:0;
	}
	
ul.emList li {
	margin:0 0 5px 0;
	padding:0 0 0 15px;
	background:url(../images/ico_gray.gif) no-repeat 0 4px;
	}

ul.emList li.midashi {
	font-weight:bold;
	margin-top:15px;
	background:none;
	padding-left:0;
	}
	
ul.normalList {
	margin:0 0 15px 0;
	}

ul.normalList li {
	margin:0 0 5px 0;
	}
	
/*table*/
table.furikomi {
	border:1px solid #000;
	margin:10px 0 10px 15px;
	border-collapse:collapse;
	}

table.furikomi th {
	text-align:left;
	padding:10px 0 10px 10px;
	background:#ccc;
	border-bottom:1px solid #000;
	}
	
table.furikomi td {
	padding:10px;
	border-bottom:1px solid #000;
	line-height:18px;
	}