@charset "utf-8";

/*common.css
=================================
1: 初期化スタイル

2: レイアウト

3: 共通
  
7: その他
=================================*/


/*1: 初期化スタイル
=================================*/

* {
	margin: 0;
	padding: 0;
}

hr {
	display: none;
	clear: both;
}

img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: bottom;
}

h1,h2,h3,table {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

th, td {
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
}

ul {
	list-style-type: none;
}

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

a.blk:link {color: #666666; text-decoration: none;}
a.blk:visited {color: #666666; text-decoration: none;}
a.blk:hover {color: #666666; text-decoration: underline;}
a.blk:active {color: #666666; text-decoration: underline;}

.left {
	float: left;
}

.right {
	float: right;
}

.tx-l {
	text-align: left;
}

.tx-r {
	text-align: right;
}

.tx-c {
	text-align: center;
}


/*2: レイアウト
=================================*/
body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	color: #333333;
	text-align: center;
}

#container {
	position: relative;
	width: 850px;
	margin: 0 auto;
	padding: 0;
}

#dict #container,
#kanji #container {		/*リキッドレイアウト用スタイル*/
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

/*3: 共通
=================================*/
#bread-crumbs {
	clear: both;
	margin: 5px 0 0 5px;
	text-align: left;
}

#bread-crumbs ul li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	background: url(../img_c/arrow_06.gif) no-repeat 0 2px;
}

#bread-crumbs ul li.nobg {
	margin: 0;
	padding: 0;
	background: none;
}

#bread-crumbs a:link {color: #666666; text-decoration: underline;}
#bread-crumbs a:visited {color: #666666; text-decoration: underline;}
#bread-crumbs a:hover {color: #666666; text-decoration: none;}
#bread-crumbs a:active {color: #666666; text-decoration: none;}

/* H1タイトル
---------------------------------*/
#main #tit-box {
	background: url(../img_c/bg_h1.gif) repeat-y 0 0;
}

#main #tit-box-850 {
	background: url(../img_c/bg_h1_850.gif) repeat-y 0 0;
}

#main #tit-box div.bg-dot,
#main #tit-box-850 div.bg-dot {
	padding: 0 0 1px 0;
	background: url(../img_c/dot_01.gif) repeat-x 0 100%;
}

#main #tit-box div.bg-r {
	padding: 10px 13px;
	background: url(../img_c/bg_h1_r.gif) no-repeat 0 0;
}

#main #tit-box-850 div.bg-r {
	padding: 10px 13px;
	background: url(../img_c/bg_h1_r_850.gif) no-repeat 0 0;
}

#main #tit-box p,
#main #tit-box-850 p {
	float:left;
	width: 40px;
	margin: 0;
	padding: 0;
}

#main #tit-box h1 {
	float:right;
	width: 554px;
	margin: 3px 0 0 0;
	font-family:"ＭＳ Ｐ明朝", "細明朝体";
}

#main #tit-box-850 h1 {
	float:right;
	width: 783px;
	margin: 3px 0 0 0;
	font-family:"ＭＳ Ｐ明朝", "細明朝体";
}

#main #tit-box h1 span,
#main #tit-box-850 h1 span {
	display: block;
	padding: 1px 0 2px 20px;
	background: url(../img_c/bg_h1_line.gif) repeat-y 0 0;
}

#main #tit-box h1 span.text-m,
#main #tit-box-850 h1 span.text-m {
	font-weight: normal;
	line-height: 1.1;
}

#main p.pagetop {
	margin: 20px 10px 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #cccccc;
	text-align: right;
}

#main p.pagetop a {
	padding: 0 0 2px 15px;
	background: url(../img_c/arrow_01.gif) no-repeat 0 2px;
}

span.hidden {
	display: none;
}

/*ローカルナビゲーション
---------------------------------*/
div#localnavi dl dt {
	margin: 0 0 10px 0;
	padding: 0 0 7px 12px;
	background: url(../img_c/arrow_09.gif) no-repeat 0 3px;
	border-bottom: 5px solid #16799a;
	font-weight: bold;
	font-family:"ＭＳ Ｐ明朝", "細明朝体";
}


div#localnavi dl dd {
	margin: 7px 0 0 0;
	padding: 0 0 7px 0;
	border-bottom: 1px solid #cccccc;
	color: #999999;
}

div#localnavi dl dd a {
	display: block;
	padding: 0 0 0 20px;
	background: url(../img_c/arrow_03.gif) no-repeat 5px 2px;
}

div#localnavi a:link {color: #000000; text-decoration: underline;}
div#localnavi a:visited {color: #000000; text-decoration: underline;}
div#localnavi a:hover {color: #000000; text-decoration: none;}
div#localnavi a:active {color: #000000; text-decoration: none;}

div#localnavi dl dt a:link {color: #1679aa; text-decoration: underline;}
div#localnavi dl dt a:visited {color: #1679aa; text-decoration: underline;}
div#localnavi dl dt a:hover {color: #1679aa; text-decoration: none;}
div#localnavi dl dt a:active {color: #1679aa; text-decoration: none;}

div#localnavi2 dl {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #cccccc;
}

div#localnavi2 dl dt {
	margin: 0 0 12px 0;
	padding: 7px 10px 5px;
	background-color:#dcf1f8;
	border-top: 5px solid #16799a;
	color: #000000;
}

div#localnavi2 dl dd {
	margin: 0;
	padding: 3px 0 0 0;
	color: #999999;
}

div#localnavi2 dl dd.select {
	padding: 0 0 0 25px;
	background: url(../img_c/arrow_10.gif) no-repeat 10px 5px;
}

div#localnavi2 dl dd a {
	display: block;
	padding: 0 0 0 25px;
	background: url(../img_c/arrow_04.gif) no-repeat 10px 5px;
}

div#localnavi2 p.link {
	margin: 10px 0;
	padding: 0 0 0 25px;
	background: url(../img_c/arrow_04.gif) no-repeat 10px 5px;
}

div#localnavi2 dl dd.indent {
	margin-left: 10px;
}

div#localnavi2 dl dd.indent dl {
	margin: 5px 0 0 12px;
	padding: 0;
	border: none;
}

div#localnavi2 dl dd.indent dl dt {
	margin: 0;
	padding: 0 0 7px 0;
	background: none;
	color: #999999;
	border: none;
	font-weight: normal;
}

div#localnavi2 dl dd.indent dl dd.select {
	padding: 0 0 0 15px;
	background: url(../img_c/arrow_10.gif) no-repeat 0 5px;
}

div#localnavi2 dl dd.indent dl dd a {
	display: block;
	padding: 0 0 0 15px;
	background: url(../img_c/arrow_04.gif) no-repeat 0 5px;
}






/*4: その他
=================================*/
/*.clearfix
---------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */