@charset "utf-8";
/* -----------------------------------------------
CSS Information

 File name:      common.css
 Style Info      全体レイアウト・共通設定css
	LastUpdate      2009/11/13

--------------------------------------------------

/* format= 初期設定
############################################### */

/* html format */

* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y:scroll;
}
body {
	color:#333;
	line-height: 1.5;
	_text-align:center;
	font-size:14px;
	background:#FEC047;
}
/* page format */

h1, h2, h3, h4, h5, h6 {
	line-height:1.6;
	font-weight:normal;
}
p, li, dt, dl {
	line-height:1.6;
}
p {
	text-align:left;
}
ul li {
	list-style-type:none;
}
dl, dt, dd {
	margin:0;
	padding:0;
}
a img, img {
	border:0;
	vertical-align:bottom;
}
/* link format */

.content a:link {
	color: #06C;
	text-decoration: none;
}
.content a:visited {
	color: #06C;
	text-decoration:none;
}
.content a:hover {
	color: #FF6600;
	text-decoration:underline;
}
.content a:active {
	color: #FF6600;
}
table {
	width:95%;
	font-size:13px;
	font-family:"ＭＳ Ｐゴシック", Verdana;
	margin:1.5em auto;
	border-collapse:collapse;
	padding:5px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
table th, table td {
	padding:5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

th{
	background-color:#e4e4e4;
}

th.search_na{
	padding-left:7px;
	text-align:left;
}
td.search_ad{
	text-align:left;
}
/* tag=一般タグ
############################################### */

ul {
	margin:0;
	padding:0;
}
ol {
	margin:0 65px;
	padding:0;
}


/* =====画像中央===== */

.imgCenter {
	margin:0 auto;
	padding:0;
	text-align:center;
	clear:both;
}
.icTop {
	margin:0 auto;
	padding:30px 0 0;
	text-align:center;
	clear:both;
}
/* layout=レイアウト 
############################################### */

#page {
	width:800px;
 *text-align:center;
	margin:0 auto;
	position:relative;
	padding:0px 50px;
	background:url(../img/bg_page.jpg) center top repeat-y;
}

/*=============================================
id header
=============================================*/

div.head {
	width:800px;
	position:relative;
	background: #fff;/*url(../img/content_bg.gif) 0 0 repeat-y;*/
	overflow:hidden;
}
h1 {
	font-size:0.7em;
	font-weight:normal;
	text-align:left;
	margin:0;
	padding:3px 5px;
	background:#000;
	color:#fff;
}

div.head h1 a:link,
div.head h1 a:visited{
	color:#fff;
	text-decoration:none;
}
div.head h1 a:hover{
	color: #FF6600;
	text-decoration:underline;
}


div.head p.logo{
	width:300px;
	float:left;
	background:url(../img/logo.jpg) no-repeat;
}
h2 {
	width:320px;
	float:left;
	margin:10px 0 10px 10px;
	font-size:0.8em;
	text-align:left;
}

/*=============================================
id image メインイメージ
=============================================*/

div.mainimage {
	margin:0 auto;
	text-align:center;
	background:#fff;
}

.mainimage img{
	margin-right:10px;
}
/*=============================================
id pagebody 
=============================================*/

div.contentBody {
	width:800px;
	margin:0 auto;
	padding:0;
	background:url(../img/content_body.gif) 0 0 repeat-y;
	overflow: hidden;
}
/*id side サイドメニュー
=============================================*/

div.side, div.content {
	margin:0;
	padding:0;
}
div.side {
	width:200px;
	text-align:left;
	float:left;
}

/* =====サブメニュー===== */

ul.nav {
	width:200px;
	text-align:left;
	float:left;
	font-size:14px;
}
ul.nav li {
	list-style-type:none;
	width:200px;
	height:60px;
	background:url(../img/kyotu_side_h.jpg) no-repeat 0 0;
	_display:inline;
}
li img {
	border:0;
}
/* ロールオーバー
---------------------------------------------*/

ul.nav li a {
	display:block;
	height:42px;
	padding:21px 0 0 22px;
	margin:0;
	color:#000;
	text-decoration:none;
}
ul.nav li a:hover {
	background:url(../img/kyotu_side_h_on.jpg) no-repeat 0 0;
	color:#660066;
	text-decoration:none;
}



/*id content 内容
=============================================*/

div.content {
	width:590px;
	float:right;
	position: relative;
	margin:0;
	padding:10px 0px;
	display:inline;
}
div.content h3 {
	width:510px;
	height:20px;
	font-size:.9em;
	margin:30px auto 10px;
	padding:10px 0 0 20px;
	text-align:left;
	background:url(../img/h_bg.jpg) center 0 no-repeat;
}
/*div.content p {
	font-size:.9em;
	margin:0 50px 20px 38px;
	text-align:left;
}*/
.jump-up{
	text-align:right;
	padding-right:20px;
	font-size:12px;
}

div.content p.pan {
	width:540px;
	font-size:.9em;
	margin:0px auto 0;
	padding:10px 0 0;
	text-align:left;
}
div.content p.iLText {
	width:340px;
	font-size:.9em;
	margin:3px 10px 15px 40px;
	text-align:left;
	float:left;
	display:inline;
}
div.content p.iRText {
	width:335px;
	font-size:.9em;
	margin:3px 45px 15px 20px;
	text-align:left;
	float:left;
	display:inline;
}
div.content p.imgLeft {
	width:160px;
	float:left;
	margin:0 0 15px 33px;
	padding:0;
	display:inline;
	text-align:center;
}
div.content p.imgRight {
	width:160px;
	float:right;
	margin:0 40px 15px 0;
	padding:0;
	display:inline;
	text-align:center;
}
p.imgRight span, p.imgLeft span {
	width:165px;
	display:block;
	text-align:center;
	font-size:0.85em;
}
div.content p.textRight{
	text-align:right;
}


.content h3.conTitle{
	clear:both;
	font-weight:bold;
	padding:10px 5px 10px 50px;
	margin:10px auto;
	font-size:14px;
	background:url(../img/kyotu_h_bg.jpg) center top no-repeat;
	display:block;
}

.content h4{
	clear:both;
	padding:6px 5px 5px 30px;
	text-align:left;
	margin:0px;
	display:block;
	font-size:14px;
	font-weight:bold;
	background:url(../img/h4.png) left center no-repeat;
}
.content .step{
	padding:20px 20px;
	border-bottom:2px dotted #ccc;
}


.title{
	text-indent:-99999px;
	overflow:hidden;
	width:100%;
	clear:both;
}

#subT{
	clear:left;
	background:url(../img/bg_title_h2_01.gif) left top no-repeat;
}

.conBox,
.conBox01{
	padding:10px 25px;
	font-size:12px;
}
.conBox img.imgleft{
	clear:right;
	float:left;
	margin:0px 10px 10px 0px;
}

.conBox img.imgright{
	clear:left;
	float:right;
	margin:0px 0px 10px 10px;
}
.conBox p{
	margin:0px;
	padding:0px;
}
.conBox01 p{
	margin-bottom:15px;
	line-height:2em;
	font-size:13px;
}
	

ul.box{
	border:1px solid #C4C5C6;
	border-top:none;
	margin-bottom:20px;
}
ul.box li{
	padding-left:50px;
	line-height:1.8em;
	background:url(../img/check.gif) 10px center no-repeat;
}


/*　info
---------------------------------------------*/
.info{
	padding:10px 30px 10px 30px;
	margin-bottom:20px;
	border:1px solid #C4C5C6;
	border-top:none;
	font-family:"ＭＳ Ｐゴシック", Verdana;
}
.info dt{
	color: #990000;
	margin-bottom:5px;
	padding-left:20px;
	background:url(http://takarakujitousenbangou.com/ime/arrow_right.gif) left center no-repeat;
}
.info dd{
	color:#333333;
	margin-bottom:10px;
	padding:0px 0px 3px 26px;
	font-weight:bold;
	border-bottom:1px dotted #999;
}

#pageNavi{
	padding: 1px 8px 0px 8px;
	margin-bottom: 5px;
	text-align:left;
}
#pageNavi a{
	background-image: url(../img/pageNavi.gif);
	background-repeat: no-repeat;
	background-position: right center;
	margin-right: 5px;
	padding-right: 10px;
}


/*　company
---------------------------------------------*/
dl#company{
	padding:15px 30px;
	position:relative;
	font-size:12px;
}

dl#company dt{
	padding:2px 5px 5px 10px;
	margin:20px 0 10px 0;
	line-height:140%;
	font-weight:bold;
	background:url(../img/line_note.gif) left bottom repeat-x;
	}
dl#company dt p{
	border-left:5px solid #ccc;
	margin:0px;
	padding:0px 0px 0px 8px;
}
dl#company dd{
	padding:2px 0px 10px 10px;
	line-height:140%;
	margin:0px 0 10px 10px;
}


/*　faq
---------------------------------------------*/
dl#faq{
	padding-top:20px;
	margin:10px 0 0;
	padding:0px;
	text-align:left;
}
dl#faq dt{
	float:none;
	width:auto;
	height:auto;
	border-bottom:none;
	margin-left:10px;
	color:#008DD2;
	font-size:14px;
	font-weight:bold;
}

dl#faq dd{
	float:none;
	border:7px solid #eee;
	width:auto;
	height:auto;
	margin:0 20px 30px 10px;
	padding:10px;
	line-height:1.8em;
	background-color:#fff;
}

/*　uriba
---------------------------------------------*/
.uriba{
	margin-bottom:50px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
	text-align:left;
}
textarea{
	height:100px;
}

span{
	color:#FF6600;
}

#submit_box{
	text-align:center;
	clear:left;
	padding-top:15px;
}

#form p{
	float:right;
	color: #F60;
	padding:0px;
	margin:0px;
}
.submitButton{
	background:url(../img/submit_btn.png) left top no-repeat;
	width:167px;
	height:35px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	border:none;
}

#formTle{
	width:540px;
	margin:0px auto;
	color:#666;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}
#formTle th,
#formTle td{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

#formTle th{
	background:	#f2f2f2;
	width:35%;
	text-align:center;
}

#formTle td{
	text-align:left;
	background:	#fafafa;
}

#formTle #center{
	text-align:center;
}






/* =====_トップページのバナー===== */

ul.cmBanner{
	margin:0 0 0 1px;
	padding:0;
}
ul.cmBanner li{
	float:left;
	margin:0;
	padding:0;
}

/* =====_トップページの新着設定===== */

div.new{
	width:540px;
	border:1px solid #666666;
	margin:0 auto;
}
div.new h3{
	width:520px;
	margin:0 0 20px;
	background:url(../img/top_new_head.gif) 0 0 no-repeat;
	padding:10px 10px 0;
}
/* =====_トップページの新着リスト===== */
div.new ul{
	padding:0;
}
div.new ul li{
	margin:10px 20px 20px;
	padding:0;
	font-size:0.8em;
}
div.new ul li strong{
	color:#FF0000;
	display:block;
	font-size:1.2em;
	text-align:left;
}
div.new ul li p{
	margin:5px 0;
	padding:0;
}
div.new a{
	color:#0033CC;
	text-decoration:underline;
}


/* =====_サブページの詳細設定===== */

div.details{
	padding:10px 25px;
	margin:0 auto 20px;
}
div.details h3{
	height:auto;
	font-weight:bold;
	padding:10px 5px 10px 40px;
	margin:10px auto;
	font-size:14px;
	background:url(../img/kyotu_h_bg.jpg) left top no-repeat;
	display:block;
}
div.details p{
	margin:10px 10px;
}
div.details div.cm{
	margin:10px auto;
	text-align:center;
}


/* =====_トップページのランキングリスト===== */

div.ranking{
}
div.ranking h3{
	width:100%;
	text-align:center;
	margin:30px auto 15px;
	padding:0;
}

ul.rankingList{
	margin:0 0 0 43px;
}

ul.rankingList li{
	width:500px;
	border:1px solid #888;
	clear:both;
	float:left;
	margin:5px auto 10px;
}
ul.rankingList li.top{
	background:#A9E3E4;
}


ul.rankingList li.top	strong{
	background:#0000BA;
	color:#fff;
}
ul.rankingList li	strong span{
	color:#FDCA2A;
}
ul.rankingList li	strong{
	display:block;
	background:#fff;
	color:#333;
	border-bottom:1px solid #888;
	text-align:left;
	padding:3px 5px;
}
ul.rankingList li p{
	width:70px;
	display:block;
	background:#fff;
	text-align:center;
	float:left;
	padding:10px 0 10px;
	margin:0;
}
ul.rankingList li.top p{
	background:#A9E3E4;
}


ul.rankingList li dl{
	width:420px;
	height:75px;
	float:left;
	padding:10px 0 10px;
	border-left:1px solid #888;
	_display:inline;
}
ul.rankingList li.top dl{
	background:#A9E3E4;
}
ul.rankingList li dl dt{
	width:120px;
	float:left;
	margin:0 0 10px 10px;
	_display:inline;
}
ul.rankingList li dl dd{
	width:280px;
	float:left;
	font-size:0.8em;
	margin:0 0 0 10px;
	text-align:left;
}
ul.rankingList li dl span{
	text-align:right;
	display:block;
}




/* =====_検索ページのリスト===== */

div.search{
}
div.search h3{
	text-align:left;
	margin:30px auto 15px;
	padding:0;
}

ul.list{
	margin:20px 0 10px 30px;
	_display:inline;
	padding:10px 20px;
	float:left;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

ul.list li{
	width:480px;
	border:1px solid #888;
	clear:both;
	float:left;
	margin:5px auto 10px;
}

ul.list li	strong{
	display:block;
	background:#000096;
	color:#fff;
	border-bottom:1px solid #888;
	text-align:left;
	padding:3px 5px;
}

ul.list li	dl{
	width:480px;
	height:75px;
	float:left;
	padding:10px 0 10px;
	_display:inline;
}

ul.list li	dl dt{
	width:120px;
	float:left;
	margin:0 0 10px 10px;
	_display:inline;
}
ul.list li	dl dd{
	width:330px;
	float:left;
	font-size:0.8em;
	margin:0 0 0 10px;
	text-align:left;
}
ul.list li	dl span{
	text-align:right;
	display:block;
}




div.search div.cm{
	margin:30px auto 20px;
	text-align:center;
}









/*id footer 内容
=============================================*/
.footer {
	clear:both;
	width:800px;
	margin:0 auto;
	padding:10px 0px;
	color: #fda204;
	font-size:12px;
	background:#000;
	text-align:center;
}

.footer ul#footnavi{
	margin:10px 1px;
	text-align:center;
}

.footer #footnavi li{
	display: inline;
	margin:0px 1px;
}
.footer a{
	text-decoration:none;
	color:#fda204;
}
.footer address {
	text-align:center;
	font-style:normal;
	margin:15px 0 0 0;
	color:#fff;
}