@charset "utf-8";


/*------------------------------------------
 *
 * General   
 *
 *------------------------------------------*/
html{
	background:#eee;
}
body {
	line-height:1.3;
	color:#444;
	text-align: center;
	background:#eee;
}


h1,h3{
	font-weight:bold;
	margin:10px;
}


/* Link */
a{
	color:#0033CC;
}
a:link,
a:visited,
a:active{
	text-decoration:underline;
}
a:hover{
	text-decoration:underline;
	color:#C00;
}

/* Font */
.xs{ font-size: 77%; }
.s{ font-size: 93%; }
.m{ font-size: 100%; }
.l{ font-size: 108%; }
.xl{ font-size: 167%; }
/* ---------------------------------

10 :	77%
11 :	85%
12 :	93% (was 93)
13 :	100%
14 :	108% (was 107)
15 :	116% (was 114)
16 :	123.1% (was 122)
17 :	131% (was 129)
18 :	138.5% (was 136)
19 :	146.5% (was 144)
20 :	153.9% (was 152)
21 :	161.6% (was 159)
22 :	167% 

--------------------------------- */

/*------------------------------------------
 *
 * Layaut  
 *
 *------------------------------------------*/
#container{
	width:780px;
	margin:0 auto;
	text-align:left;
	background:#FFF;
}

#header{
	width:780px;
	background:#fff;
	color:#000;
}

#navigation{
	background:#fff;
	padding-left:10px;
	margin:0;
	width:765px;
	text-align:center;
}

#contents-company{
	background:url(../images/side_bg_img.gif);
	width:780px;
	margin-bottom:10px;
}
*:first-child+html #contents-company{
	background:url(../images/side_bg_img.gif);
	width:780px;
	margin:10px 0 10px 0;
}
#main-img{
	padding:0 10px 0 10px;
}
*:first-child+html #main-img{
	padding:10px 10px 0 10px;
}

.pageup{ 
	clear:both;
	text-align:right;
}

#footer{
	margin:0;
	padding:0;
	width:780px;
	height:50px;
	background:#aaa;
	color:#fff;
	text-align:center;
	border-bottom:solid 4px #777;
}


/*------------------------------------------
 *
 * header
 *
 *------------------------------------------*/
#header img{
	margin:16px 0 0 15px;
}

#header p{
	
}

#logoarea{
	width:300px;
	height:63px;
	float:left;	
}

#header #sitemap{
	float:right;
	margin-top:20px;
}
#header #sitemap a{
	background:url(../images/arrow_blue.gif) no-repeat -3px 0.15em;
	text-align:right;
	padding-left:6px;
}

/*--------------------追加091211---------------------*/
#header #search{
	float:right;
	margin-top:2px;
    margin-right:10px;
    text-align:right;
	padding-left:6px;
}
/*--------------------追加ここまで----------------*/


/*------------------------------------------
 *
 * navigation
 *
 *------------------------------------------*/
#navigation li{
	float:left;
	display:inline;
	margin:0;
	margin-bottom:9px;
	padding:0;
}

/*------------------------------------------
 *
 * main
 *
 *------------------------------------------*/
#content{
	width:760px;
	margin:0 0 0 10px;
}
p{
	margin:10px;
}

#list-topics{
	margin:10px 0 10px 10px;
	width:600px;
	display:inline;
	float:left;
}

#list-topics .topic-title{
	display:block;
	background:url(../images/title_bg.gif) no-repeat top left;
	width:590px;
	height:26px;
	padding:6px 0 0 10px;
}
#list-topics .topic-title a{
	background:url(../images/title_arrow.gif) no-repeat center left;
	padding:0 20px 0 10px;
}

#list-topics #topics-box ul{
	width:590px;
	_width:580px;	
	padding:0 0 10px 0;
}
#list-topics #topics-box li{
	width:570px;
	padding: 8px 10px 7px 10px;
	background:url(../images/line.gif) no-repeat bottom;
}

#list-topics #topics-box li .data{
	float:left;
	width:100px;
}

#list-topics #topics-box li .topic{
	float:left;
	padding-left:20px;
	width:450px;
}


#sidebar {
	display:inline;
	color:#eee;
	width:150px;
	text-align:left;
	float:right;
	padding-bottom:5px;
}

#banner-area{
	margin:10px 0 10px 10px;
	width:130px;
	background-color:#eee;
}

#banner-area #bannar_1{
	padding:5px 5px 0 5px;
}
#banner-area #bannar_2{
	padding:5px;
}
.side-bannar{
	padding: 5px 0 0 14px;
}


#about{
	width:610px;
	color:#444;
	padding-left:10px;
	float:left;
}

#about h2{
	background:url(../images/caption_bg.gif) no-repeat top left;
	display:block;
	width:590px;
	padding:10px 0 10px 15px;
}

#about .lead{
	padding:0 0 0 5px;
}

#about #table-area{
	width:580px;
	margin:10px 0 0 20px;
}

#about #table-area dl{
	width:580px;
}

#about #table-area dt{
	clear:both;
	float:left;
	font-weight:bold;
	padding:5px 0 5px 0;
	width:120px;
	color:#0068b6;
}

#about #table-area dd{
	font-size: 93%;
	border-left:1px solid #dadada;
	margin-left:110px;
	padding:5px 0 5px 20px;
	width:420px;
}

#about #table-area dd p{
	margin:0 0 3px 0;
	padding:0;
}

#about #table-area .company-name{
	font-weight:bold;
}

#about #table-area li{
	list-style-type:disc;
	margin-left:25px;
}

#about #table-area .ss{
	font-size: 85%;
}

#news{
	width:610px;
	color:#444;
	padding-left:10px;
	float:left;
}

#news h2{
	background:url(../images/caption_bg.gif) no-repeat top left;
	display:block;
	width:590px;
	padding:10px 0 10px 15px;
}

#news li{
	font-size: 93%;
	margin:10px 15px 10px 10px;
	padding-bottom:10px;
	background:url(../images/line.gif) repeat-x bottom;
}

#news li .data{
	float:left;
	width:100px;
}

#news li .topic{
	float:left;
	padding-left:20px;
	width:450px;
}

#news .news-detail{
	padding:20px 15px;
}

#news .news-detail .date{
	font-size: 93%;
	margin-bottom:3px;
}

#news .news-detail h3{
	margin:0 0 10px 0;
	padding:0;
}

#news .news-detail p{
	font-size: 93%;
	margin:0 0 10px 0;
	padding:0;
}


#access{
	width:610px;
	color:#444;
	padding-left:10px;
	float:left;
}

#access h2{
	background:url(../images/caption_bg.gif) no-repeat top left;
	display:block;
	width:590px;
	padding:10px 0 10px 15px;
}

#access .map{
	width:590px;
	text-align:center;
	padding:15px 0;
}

#access li{
	list-style-type:disc;
	font-size: 93%;
	margin:0 0 5px 25px;
}

#info{
	width:610px;
	color:#444;
	padding-left:10px;
	float:left;
}

#info h2{
	background:url(../images/caption_bg.gif) no-repeat top left;
	display:block;
	width:590px;
	padding:10px 0 10px 15px;
}

#info .lead{
	font-size: 93%;
	padding:15px;
}

#info li{
	font-size: 93%;
	padding:0 0 8px 25px;
}

#privacy {
	width:610px;
	color:#444;
	padding-left:10px;
	float:left;
}

#privacy h2{
	background:url(../images/caption_bg.gif) no-repeat top left;
	display:block;
	width:590px;
	padding:10px 0 10px 15px;
}


#privacy .sub{
	font-size: 93%;
	padding:15px 10px;
}

#privacy .sub a{
	padding-left:15px;
	background:url(../images/arrow_blue.gif) no-repeat center left;
}

#privacy .lead{
	font-size: 93%;
	padding:0 10px;
	clear:both;
}

#privacy .lead p{
	margin:0;
	padding:0;
}

#privacy li{
	padding:0 10px;
}

#privacy li h3{
	font-size: 100%;
	font-weight:bold;
	margin:15px 0 5px 0;
	padding:0;
}

#privacy li h4{
	font-size: 93%;
	font-weight:bold;
	padding:10px 0 5px 0;
}

#privacy li p{
	font-size: 93%;
	margin:0;
	padding:0;
}

#privacy li .note{
	font-size: 93%;
	padding:5px 0 0 10px;
}

#privacy .signature{
	margin:15px 10px 30px 0;
	text-align:right;
}

#privacy .signature p{
	font-size: 93%;
	margin:0;
	padding:0;
}

#privacy li .list1{
	padding:0;
}

#privacy li .list1 h4{
	font-size: 93%;
	font-weight:bold;
	margin:10px 0 5px 0;
}

#privacy li .list1 h5{
	font-size: 93%;
	font-weight:bold;
	margin:15px 0 5px 0;
}

#privacy li .list1 .download{
	margin-top:10px;
}

#privacy li .list1 .pdf{
	padding-left:15px;
	background:url(../images/arrow_blue.gif) no-repeat center left;
}

.pageup p{
	padding-right:10px;
	background:url(../images/go-top-arrow.gif) no-repeat center right;
	color:#0a50a1;
}
 
/*------------------------------------------
 *
 * footer
 *
 *------------------------------------------*/
#footer-navi{
	background:url(../images/arrow_white.gif) no-repeat 10px 23px;
	padding:20px 10px 10px 10px;
	float:left;
}

#footer-navi a{
	margin:0 0 0 10px;
	color:#fff;
}
#footer-navi a:hover{
	color:#666;
}
#footer-copy{
	padding:20px 10px 10px 10px;
	float:right;
}
#footer-copy p{
	margin:0;
}
/* arrow icon */
.arw{
	background:url(../images/arrow_white.gif) no-repeat 0px 0.35em;
	padding-left:6px;
}
.arw-blue{
	background:url(../images/arrow_blue.gif) no-repeat 0px 0.35em;
	padding-left:6px;
}