@charset "UTF-8";
@import url(common.css);
@import url(textsettings.css);

/* ---------------------------------------------------------------- *
	ドキュメント全体
 * ---------------------------------------------------------------- */

/* 背景設定 */
body { background-color: #FFFFFF; margin: 10px; }

/* 全体コンテナ */
#container {
	width: 804px;
	margin-right: auto;
	margin-left: auto;
}

/* ---------------------------------------------------------------- *
	ヘッダ部分
 * ---------------------------------------------------------------- */
#header {
	height: 70px;
	background-image: url(../image/header-bg.png);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #CCCCCC;
}

#header .logo { margin-top: 12px; margin-left: 14px; }
#header .menu { float: right; margin-top: 12px; margin-right: 12px; }
#header .menu li { display: inline;}
#header .menu li a { margin-left: 10px; }


/* メインメニュレイアウト */
#main-menu {
	height: 30px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

#main-menu img {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	line-height: 1;
}

#cap {
	vertical-align: middle;
	font-size: 10px;
	line-height: 1.1;
	margin-top: 8px;
	margin-bottom: 8px;
}


.top-image {
	margin-top: 8px;
	margin-bottom: 10px;
}



/* コンテンツコンテナ */

#contentscontainer {
	font-size: 105%;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-image: url(../image/bg-contents.gif);
	background-repeat: repeat-y;
}

#contentscontainer-top {
	font-size: 105%;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

/* コンテンツ */

#contents {
	float: right;
	width: 550px;
	margin-right: 40px;
	margin-bottom: 20px;
	margin-top: 40px;
}

#contents-full {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 40px;
}



/* サブメニュ */

#side-navi {
	width: 150px;
	float: left;
	position: relative;
}

#side-navi .title {
	background-image: url(../image/top-side-navi-title.png);
	background-repeat: no-repeat;
	line-height: 1;
	height: 30px;
	padding-top: 11px;
	padding-left: 8px;
	font-size: 100%;
}

#c-submenu li {
	text-indent:12px;
	line-height: 15px;
	background-image: url(../image/mark-list.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	margin-bottom: 8px;
	margin-left: 10px;
	font-size: 90%;
}



.img-right {
	float: right;
	margin-bottom: 5px;
	margin-left: 15px;
	margin-top: 5px;
	position: relative;
}

.img-left {
	float: left;
	margin-bottom: 5px;
	margin-right: 15px;
	margin-top: 5px;
	position: relative;
}


#pagetop {
	float: right;
	clear: both;
	font-size: 85%;
	line-height: 1;
	margin-top: 20px;
}

#pagetop li {
	list-style-image: url(../image/icon-pagetop.png);
	padding: 0;
	margin-left: 2em;
}


.top-news {
	background-image: url(../image/bg-column.png);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 1px solid #bdbdbd;
}

/* Note：バグ回避*/ 
[id="side-navi"]#side-navi {
  margin-top: 0;
}
html:lang(ja) #side-navi {
  margin-top: 0;
}


#footer {
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	border: 1px solid #CCCCCC;
}

#footer .copy {
	font-size: 80%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	width: 300px;
	line-height: 1;
	margin-top: 7px;
	padding-top: 7px;
}

#footer .menu {
	float: right;
	margin-top: 25px;
}
#footer .menu li {
	display: inline;
}
#footer .menu li a {
	margin-left: 10px;
}


/* ---------------------------------------------------------------- *
	コンテンツ　コラム設定
 * ---------------------------------------------------------------- */

#top-contents {
	margin-top: 20px;
	margin-right: 20px;
	margin-left: 20px;
}

#top-contents .left {
	width: 240px;
	float: left;
	margin-right: 20px;
	position: relative;
}

#top-contents .right {
	float: right;
}

#top-contents #side-navi {
	width: 240px;
	float: left;
	position: relative;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 20px;
}

#top-contents #topics {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-bottom: 20px;
}


#top-contents .title {
	background-image: url(../image/top-side-navi-title.png);
	background-repeat: repeat-x;
	line-height: 1;
	height: 30px;
	padding-top: 8px;
	padding-left: 8px;
	font-size: 100%;
}



.c2-l {
	width: 260px;
	float: left;
	margin-right: 30px;
	position: relative;
}

.c2-r {
	width: 260px;
	float: right;
	position: relative;
}



.underline-dot {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 10px;
	padding-bottom: 10px;
}