@charset "utf-8";

/*body
=========================================================== */

body{
	color: #333;
	font-size: 16px;
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
	background: url("../images/background_sub.jpg") repeat-x scroll 0 0 transparent;
}


/* ===========================================================
TEXT
=========================================================== */

p,
ul,
ol,
dl {
	margin: 0;
	line-height: 1.5;
}

ul li,
ol li{
	margin: 0 0 2px;
}

ol ol{padding: 5px 0 0;}

.bold{font-weight: bold;}
.blue{color: #1e5199;}
.erase{color: #fff;}

.annotation{
	color: #666;
	line-height: 1.4em;
	font-size: 14px;	
}

img.name{
	margin: 0 2px 2px 2px;
	vertical-align: middle;
	border: 0;	
}

span.super{font-size: 10px;}
span.white{color: #fff;}

.top5{margin-top: 5px;}
.top10{margin-top: 10px;}
.top20{margin-top: 20px;}
.top30{margin-top: 30px;}
.bottom10{margin-bottom: 10px;}
.bottom20{margin-bottom: 20px;}
.bottom30{margin-bottom: 30px;}
.right10{margin-right: 10px;}
.right20{margin-right: 20px;}
.right30{margin-right: 30px;}
.left10{margin-left: 10px;}
.left20{margin-left: 20px;}
.left30{margin-left: 30px;}

/* ===========================================================
Link
=========================================================== */

a:link,
a:visited{
	color: #1e5199;
	text-decoration: none;
}

a:hover{
	color: #ccc;
	text-decoration: underline;
}

/* icon
----------------------------------------------------------- */

img.icon{vertical-align: text-bottom;}


/* ===========================================================
TABLE
=========================================================== */

div#top-contents .nomal{
	width: 100%;
	margin: 0;	
	font-size: 15px;
	border-collapse: collapse;
	border: 1px solid #ccc;
}

div#top-contents .nomal .left{
	width: 20%;
	padding: 5px 25px;
	color: #1e5199;
	font-weight: bold;
	background: #ebf5ff;
	border-right: 1px solid #ccc;
}

div#top-contents .nomal .left_end{
	width: 20%;
	padding: 5px 25px;
	color: #1e5199;
	font-weight: bold;
	background: #ebf5ff;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

div#top-contents .nomal .right{
	width: 80%;
	padding: 5px 25px;
	color: #333;
}

div#top-contents .nomal .right_end{
	width: 80%;
	padding: 5px 25px;
	color: #333;
	border-top: 1px solid #ccc;
}

div#top-contents .nomal .right_end ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 15px;
	background-color: #fff;
}

div#top-contents .nomal .right_end li{
	padding-left: 12px;
	background: url(../images/icon.gif) no-repeat left 7px;
}


/* ===========================================================
PAGE TOP
=========================================================== */

.pagetop{
	position: fixed;
	bottom: -40px;
	right: 50px;
}

.pagetop a{
	width: 60px;
	height: 40px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 40px;
	font-size: 24px;
	display: block;
	background: #3399ff;
	border-radius: 8px 8px 0 0;
}


/* ===========================================================
GUIDE
=========================================================== */

div#top-contents .profile{width: 900px;}

div#top-contents .profile .none{
	text-indent: -9999px;
	display: none;
}

div#top-contents .profile .profile_right{
	width: 625px;
	float: right;
}

div#top-contents .profile .profile_right img{margin-bottom: 15px;}

div#top-contents .profile .profile_right .history{
	width: 625px;
	font-size: 15px;
	border-collapse: collapse;
	border: none;
}

div#top-contents .profile .profile_right table .years{
	padding: 3px 10px 3px 0;
	font-size: 15px;
	font-weight: bold;
	border-right: 1px solid #89abdb;
}

div#top-contents .profile .profile_right table .contents{
	padding: 3px 0 3px 10px;
	font-size: 15px;
}

div#top-contents .profile .profile_right table .years_top{
	padding: 0 10px 3px 0px;
	font-size: 15px;
	font-weight: bold;
	border-right: 1px solid #89abdb;
}

div#top-contents .profile .profile_right table .contents_top{
	padding: 0 0 3px 10px;
	font-size: 15px;
}

div#top-contents .profile .profile_right table .years_end{
	padding: 3px 10px 0 0px;
	font-size: 15px;
	font-weight: bold;
	border-right: 1px solid #89abdb;
}

div#top-contents .profile .profile_right table .contents_end{
	padding: 3px 0 0 10px;
	font-size: 15px;
}

div#top-contents .profile .profile_right .history tr td{padding: 0;}
div#top-contents .position{margin-top: 40px;}

div#top-contents .position ul{
	margin: 0;
	padding: 0;
	font-size: 15px;
	list-style-type: none;
	background: #fff;
}

div#top-contents .position li{
	padding-left: 16px;
	background: url(../../guide/icon.gif) no-repeat left center;
}

div#top-contents .treatise{margin-top: 40px;}

div#top-contents .treatise p{
	margin: 0 0 10px 0;
	line-height: 1.2;
	font-size: 15px;
}

/* ===========================================================
WORK
=========================================================== */

div#top-contents .work{width: 900px;}

div#top-contents .work .none{
	text-indent: -9999px;
	display: none;
}

div#top-contents .acMenu dt{
	height: 40px;
	margin: 20px 0 0 0;
	text-align: left;
	display: block;
	cursor: pointer;
	position: relative;
	top: 0;
	z-index: 1;
	background: url(../../work/bg_off.gif) left -2px no-repeat;
	background-color: #f1f7ff;
	border: #1e5199 1px solid;
}

div#top-contents .acMenu dt.active{
	background: url(../../work/bg_on.gif) left -2px no-repeat;
}
    
div#top-contents .acMenu dt img{
	position: relative;
	top: 10px;
	left: 50px;
}
    
div#top-contents .acMenu dd{
	padding-right: 10px;
	text-align: left;
	line-height: 50px;
	display: none;
	position: relative;
	top: -1px;
	z-index: 2;
	background: #fff;
	border-bottom: 1px solid #1e5199;
	border-left: 1px solid #1e5199;
	border-right: 1px solid #1e5199;
	border-top: 1px dotted #1e5199;
}
    
div#top-contents .acMenu dd .read{margin: 10px 0 25px 25px;}

div#top-contents .acMenu dd .title{
	margin: 10px 0 10px 10px;
	padding: 0 0 3px 12px;
	color: #1e5199;
	font-weight: bold;
	background: url(../../work/icon.gif) left 9px no-repeat;
	border-bottom: 1px dotted #ccc;
}

div#top-contents .acMenu dd .coments{
	margin: 0 0 10px 10px;
	font-size: 14px;
}

/* ===========================================================
FOR BUSINESS
=========================================================== */

div#top-contents .for_business{width: 900px;}

div#top-contents .for_business .none{
	text-indent: -9999px;
	display: none;
}

/* ===========================================================
RATES
=========================================================== */

div#top-contents .rates{width: 900px;}

div#top-contents .rates .none{
	text-indent: -9999px;
	display: none;
}

div#top-contents .rates .menu{
	width: 900px;
	margin: 30px 0;
	font-size: 14px;
}

div#top-contents .rates .menu li{
	width: 140px;
	padding-left: 10px;
	float: left;
	background: url(../../rates/list-icon.gif) no-repeat left center;
}

div#top-contents .rates .menu li a:link,
a:visited{
	color: #1e5199;
	text-decoration: underline;
}

div#top-contents .rates .menu li a:hover{
	color: #ccc;
	text-decoration: none;
}

div#top-contents .rates .contents{margin: 30px 0 10px 0;}

div#top-contents .rates .soudan{
	width: 100%;
	margin: 0 0 30ox 0;
	font-size: 15px;
	border-collapse: collapse;
	border: 0 none #fff;	
}

div#top-contents .rates .soudan th{padding:5px;}

div#top-contents .rates .soudan .end{border-top: 1px dotted #ccc;}

div#top-contents .rates .minji{
	width: 535px;
	margin: 15px 0 10px 0;
	font-size: 15px;
	border-collapse: collapse;
	border: 1px solid #ccc;	
}

div#top-contents .rates .minji th{
	padding: 5px;
	color: #1e5199;
	font-weight: bold;
	background: #ebf5ff;
	border-bottom: 1px solid #ccc;
}

div#top-contents .rates .minji td{padding:5px;}

div#top-contents .rates .minji .right{border-right: 1px dotted #ccc;}
div#top-contents .rates .minji .bottom{border-bottom: 1px solid #ccc;}

div#top-contents .rates .minji .center{text-align:center;}

div#top-contents .rates .minji .title{
	width: 335px;
	text-align: left;
}

div#top-contents .rates .read{margin: 0;}

div#top-contents .rates .ex{
	width: auto;
	margin: 20px 0 30px 0;
	padding: 10px 20px;
	font-size: 14px;
	background: #f5f5f5;
}

div#top-contents .rates .ex .white{
	width: 180px;
	margin: 10px;
	padding: 5px;
	color: #1e5199;
	background: #fff;
}

/* ===========================================================
CONTACT
=========================================================== */

div#top-contents .contact{width: 900px;}

div#top-contents .contact .none{
	text-indent: -9999px;
	display: none;
}

div#top-contents .contact .list{
	width: auto;
	margin: 25px 0;
	padding: 5px 5px 5px 25px;
	line-height: 1.3;
	list-style: disc;
	font-size: 15px;
	border: 3px solid #1e5199;
}

div#top-contents .contact .title{
	margin: 0 0 10px 0;
	color: #1e5199;
	font-size: 17px;
	font-weight: bold;
}

/* ===========================================================
SITEMAP
=========================================================== */

div#top-contents .sitemap{width: 900px;}

div#top-contents .sitemap .none{
	text-indent: -9999px;
	display: none;
}

div#top-contents .sitemap p{
	margin: 0 0 5px 0;
	padding: 3px 0;
	background: url(../../sitemap/icon.gif) no-repeat left center;
	border-bottom: 1px solid #89abdb;
}

div#top-contents .sitemap span{
	width:auto;
	margin-left: 10px;
	display: block;
}

div#top-contents .sitemap .box1{
	width: 250px;
	margin: 0 30px 30px 0;
	float: left;
}

div#top-contents .sitemap .box2{
	width: 250px;
	margin: 0 30px 30px 30px;
	float: left;
}

div#top-contents .sitemap ul{
	width: 230px;
	margin: 0 0 0 15px;
	padding: 0;
	line-height: 1.4;
	list-style-type: none;
	font-size: 15px;
}

div#top-contents .sitemap li{
	padding-left: 12px;
	background: url(../images/icon.gif) no-repeat left 7px;
}

div#top-contents .sitemap li a:link,
div#top-contents .sitemap li a:visited{
	color: #333;
	text-decoration: none;
}

div#top-contents .sitemap li a:hover{
	color: #1e5199;
	text-decoration: underline;
}