body{
	color: #333;
	background: #f5f5f5;
	margin: 0;
	padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	overflow-y:scroll;
}

/* リンク */
a{
	color: #2650a6;
	background: transparent;
}
a:visited{
	color: #660099;
	background: transparent;
}
a:hover{
	color: #cc3300;
	background: transparent;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}
/* 画像 */
img{
	border: none;
}
.image{
	margin: 0 0 30px 0;
}
.image_center{
	padding: 0 0 25px 0;
	text-align: center;
}
.image_left{
	width: 200px;
	float: left;
	margin: 0 25px 25px 0;
}
.image_right{
	width: 200px;
	float: right;
	margin: 0 0 25px 25px;
}
.image_left img{
	max-width: 100%;
}
.image_right img{
	max-width: 100%;
}

/* 寄せ */
.right{
	text-align: right;
}
.left{
	text-align: left;
}
.center{
	text-align: center;
}

/* 文字装飾 */
.bold{
	font-weight: bold;
}
.color{
	color: #ca0000;
}
.ylw{
	background: #fce178;
}
.font-size16{
	font-size: 16px;
}
.font-size18{
	font-size: 18px;
}

/* ボーダー消し */
.main .bordernone{
	border: none;
}

/* テキストリンク */
.textlink{
	font-size: 20px;
	font-weight: bold;
}
.textlink a{
	color: #1c5bc6;
	background: transparent;
}
.textlink a:visited{
	color: #1c5bc6;
	background: transparent;
}
.textlink a:hover{
	color: #cc3300;
	background: transparent;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}
.arrow a{
	color: #1c5bc6;
	background: transparent url(img/arrow.png) no-repeat center left;
	padding: 0 0 0 40px;
}
.arrow a:visited{
	color: #1c5bc6;
	background: transparent url(img/arrow.png) no-repeat center left;
	padding: 0 0 0 40px;
}
.arrow a:hover{
	color: #cc3300;
	background: transparent;
	padding: 0 0 0 40px;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}

/* レイアウト */
#layout{
	width: 800px;
	margin: 10px auto 10px auto;
	padding: 0 0 0 0;
	clear: both;
	color: #333;
	background: #eee;
	border-width: 1px 1px 1px 1px;
	border-color: #999;
	border-style: solid;
}
.main{
	margin: 0 0 50px 0;
	padding: 0 0 30px 0;
	background: #fff;
}
.text{
	margin: 0 0 30px 0;
	padding: 30px;
	background: #fff;
}
/* ヘッダー */
.header{
	margin: 0 0 30px 0;
	padding: 5px 0 15px 20px;
	border-color: #aaa;
	border-style: solid;
	border-width: 0 0 1px 0;
	background: #fff;
}
.header img{
	vertical-align: middle;
	margin: 0;
}
.header a{
	color: #2650a6;
	background: transparent;
}
.header a:visited{
	color: #2650a6;
	background: transparent;
}
.header a:hover{
	color: #cc3300;
	background: transparent;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}

/* ページナビ */
.page-navi{
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	font-size: 13px;
}
.page-navi li{
	margin: 0;
	padding: 0 10px 0 0;
	display: inline;
	background: transparent;
}
.page-navi li+li{
	padding: 0 10px 0 20px;
	background: transparent url(img/page-navi.gif) no-repeat center left;
}
.page-navi a{
	color: #2650a6;
	background: transparent;
}
.page-navi a:visited{
	color: #2650a6;
	background: transparent;
}
.page-navi a:hover{
	color: #cc3300;
	background: transparent;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}

/*  */
.global-navi{
	width: 100%;
	margin: -30px 0 30px 0;
	padding: 0;
	list-style: none;
	background: #336699;
	border-color: #aaa;
	border-style: solid;
	border-width: 0 0 1px 0;
}
.global-navi li{
	min-width: 120px;
	margin: 0;
	padding: 0;
	float: left;
	color: #fff;
	background: #336699;
	text-align: center;
	font-size: 14px;
}
.global-navi li+li{
	border-color: #ccc;
	border-style: solid;
	border-width: 0 0 0 1px;
}
.global-navi a{
	padding: 3px 10px;
	display: block;
	color: #fff;
	text-decoration: none;
}
.global-navi a:visited{
	color: #fff;
}
.global-navi a:hover{
	color: #336699;
	background: #fff;
	position: relative;
	top: 0;
	left: 0;
}

/* 記事タイトル */
.title-box{
	width: 100%;
	margin: 0 0 5px 0;
	border-color: #336699;
	border-style: solid;
	border-width: 0 0 3px 0;
}
.title{
	margin: 0;
	padding: 8px;
	display: table-cell;
	vertical-align: middle;
}
.title h1{
	margin: 0;
	line-height: 120%;
	background: transparent url(img/title_blue.png) no-repeat left center;
	height: 56px;
	padding: 0 0 0 80px;
	font-size: 25px;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
/* IE 6 */
* html div.title h1{
	display: inline;
	zoom: 1;
}
 
/* IE 7 */
*:first-child+html div.title h1{
	display: inline;
	zoom: 1;
    }
 
/*\*//*/
* html div.title h1{
	display: inline-block;
}
/**/
    

h2{
	font-size: 12px;
	margin: 0 0 25px 0;
	padding: 0;
	text-align: right;
	color: #666;
}
h2 a{
	color: #2650a6;
	background: transparent;
	text-decoration: none;
}
h2 a:visited{
	color: #2650a6;
	background: transparent;
	text-decoration: none;
}
h2 a:hover{
	color: #cc3300;
	background: transparent;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}

/* ソーシャルブックマーク */
.socialbookmark{
	margin: 0 0 20px 0;
	padding: 0;
}
/* 見出し */

h3{
	font-size: 22px;
	margin: 0 0 30px 0;
	padding: 8px 10px;
	clear: both;
	letter-spacing: 2px;
	color: #333;
	background: #f5f5f5;
}
h4, .h4{
	font-size: 20px;
	margin: 0 0 20px 5px;
	padding: 0 0 0 10px;
	color: #333;
	background: transparent;
	letter-spacing: 2px;
	border-width: 0 0 0 5px;
	border-style: solid;
	border-color: #336699;
}
/* テキスト */
p{
	font-size: 16px;
	line-height: 155%;
	margin: 0 0 25px 10px;
	padding: 0;
	color: #333;
	background: transparent;
}
p+h3{
	margin: 40px 0 30px 0;
}
p+h4{
	margin: 40px 0 20px 5px;
}
/* リスト */
ul{
	margin: 0 0 35px 20px;
	padding: 0;
	list-style: none;
	font-size: 16px;
}
ul li{
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	color: #333;
	background: transparent url(img/li.png) no-repeat center left;
}
h3+ul{
	margin: 20px 0 35px 15px;
}
ol{
	margin: 0 0 35px 45px;
	padding: 0;
	font-size: 16px;
}
ol li{
	margin: 0 0 10px 0;
	padding: 0 0 0 5px;
}
h3+ol{
	margin: 20px 0 35px 45px;
}
ul+h3{
	margin: 40px 0 30px 0;
}
ul+h4{
	margin: 40px 0 20px 5px;
}
ol+h3{
	margin: 40px 0 30px 0;
}
ol+h4{
	margin: 40px 0 20px 5px;
}
p+ul{
	margin: 30px 0 35px 20px;
}
p+ol{
	margin: 30px 0 35px 45px;
}

/* ページ戻し */
.userlink{
	margin: 50px 0 0 0;
	padding: 0;
	background: transparent;
	text-align: right;
	font-size: 15px;
}
.userlink a{
	color: #2650a6;
	background: transparent;
}
.userlink a:visited{
	color: #2650a6;
	background: transparent;
}
.userlink a:hover{
	color: #cc3300;
	background: transparent;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}

/* フロート解除 */
.clearfix{
}
.clearfix:after{
	  content: ""; 
	  display: block; 
	  clear: both;
}
/* フッター */
#footer{
	margin: 0 0 0 0;
	padding: 20px;
	background: transparent;
	clear: both;
	border-width: 0;
	border-color: #ddd;
	border-style: solid;
	color: #666;
}
#footer p{
	font-size: 12px;
	margin: 0;
	padding: 0;
	clear: both;
	color: #666;
	text-align: center;
}
#footer a{
	color: #666;
	background: transparent;
	text-decoration: none;
}
#footer a:visited{
	color: #666;
	background: transparent;
	text-decoration: none;
}
#footer a:hover{
	color: #666;
	background: transparent;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}

/* テキスト範囲 */
.box{
	width: 100%;
	margin: 0 0 60px 0;
}

/* 概要 */
.excerpt{
	margin: 0 0 45px 0;
	padding: 10px;
	background: #f5f5f5;
	font-size: 15px;
	line-height: 130%;
}

.excerpt2{
	margin: 0 0 45px 0;
	padding: 10px;
	background: #f5f5f5;
	font-size: 13px;
	line-height: 130%;
}
.excerpt2 h4{
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: none;
}
.excerpt2 p{
	font-size: 12px;
	margin: 0;
}
/* 強調ボックス */
.alert{
	margin: 0 0 30px 0;
	padding: 0;
	border-color: #ccc;
	border-style: solid;
	border-width: 0 0 1px 0;
	min-height: 180px;
}
.alert img{
	float: left;
	margin: 0;
	padding: 0;
	max-width: 150px;
}
.alert p{
	padding: 0;
	margin: 0 0 25px 180px;
}
.alert h3{
	border-color: #ccc;
	border-style: dotted;
	border-width: 0;
	clear: none;
	padding: 0;
	margin: 0 0 15px 180px;
	color: #bc1263;
	background: #fff;
	font-size: 25px;
}
.alert h4{
	border-color: #ccc;
	border-style: dotted;
	border-width: 0 0 3px 0;
	clear: none;
	padding: 0;
	margin: 0 0 15px 180px;
	color: #bc1263;
	background: #fff;
	font-size: 20px;
}

/* ボタン */
.button_footer{
	margin: 50px 0 100px 0;
	padding: 0;
}
/* ボタン 画像リンク */
.button_item{
	width: 581px;
	margin: 0 auto 0 auto;
	padding: 0;
	clear: both;
	height: 66px;
	overflow: hidden;
	text-align: left;
}
.button_item a:hover{
	position: relative;
	top: 0;
	left: 0;
}
.button_item a:hover img{
	position: relative;
	top: -65px;
	left: 0;
}
/* アイテム */
.item{
	margin: 0 0 30px 0;
	padding: 0 0 25px 0;
	border-color: #ccc;
	border-style: solid;
	border-width: 0 0 1px 0;
	min-height: 180px;
}
.item_img{
	margin: 0 0 20px 0;
}
.item p{
	padding: 0;
	font-size: 16px;
	margin: 0 0 25px 180px;
	margin: 0 0 25px 0;
}
.item h4{
	border-color: #ccc;
	border-style: dotted;
	border-width: 0;
	clear: none;
	padding: 0;
	color: #333;
	font-size: 20px;
	margin: 0 0 15px 180px;
	margin: 0 0 15px 0;
}
.push{
	width: 580px;
	font-size: 15px;
	font-weight: bold;
	min-height: 27px;
	margin: 0 auto 10px auto;
	padding: 5px 0 0 40px;
	color: #333;
	background: transparent url(img/push.png) no-repeat left center;
	border-color: #ccc;
	border-style: dotted;
	border-width: 0 0 3px 0;
}

.item table{
	width: 100%;
	margin: 0 0 25px 0;
	border-collapse: collapse;
	font-size: 14px;
}
.item th, .item td{
	border-color: #aaa;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	padding: 6px 4px;
}
.item .r4{
	width: 25%;
}
.item .r3{
	width: 33%;
}
.item th{
	background: #f5f5f5;
	background: #eee;
}
.item .rank1{
	background: #fff url(img/rank1.png) no-repeat left center;
	padding: 6px 0 0 45px;
}
.item .rank2{
	background: #fff url(img/rank2.png) no-repeat left center;
	padding: 6px 0 0 45px;
}
.item .rank3{
	background: #fff url(img/rank3.png) no-repeat left center;
	padding: 6px 0 0 45px;
}
.item .rank4{
	background: #fff url(img/rank4.png) no-repeat left center;
	padding: 6px 0 0 45px;
}
.item .rank5{
	background: #fff url(img/rank5.png) no-repeat left center;
	padding: 6px 0 0 45px;
}
.item h4 a{
	color: #2650a6;
	background: transparent;
}
.item h4 a:visited{
	color: #2650a6;
	background: transparent;
}
.item h4 a:hover{
	color: #cc3300;
	background: transparent;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}
.strong1{
	color: #ca0000;
}
.strong2{
	color: #003366;
}

/* テーブル */

.table_all{
	width: 100%;
	margin: 0 0 40px 0;
	border-collapse: collapse;
	font-size: 14px;
}
.table_all th, .table_all td{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	padding: 5px;
}
.table_all th{
	background: #f5f5f5;
}
.table_all .r5{
	width: 20%;
}
.table_all .r4{
	width: 25%;
}
.table_all .r3{
	width: 33%;
}

/* テーブル２ */
.table_text{
	width: 100%;
	margin: 0 0 45px 0;
	border-collapse: collapse;
	font-size: 15px;
}
.table_text th, .table_text td{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
	text-align: center;
	padding: 8px 13px;
}
.table_text th{
	background: #f5f5f5;
	width: 100px;
	font-weight: normal;
}
.table_text td{
	text-align: left;
}
.table_text .v-top{
	vertical-align: top;
}
.table_text .t-left{
	text-align: left;
}
.table_text_title{
	font-size: 20px;
	font-weight: bold;
}
.fsize14{
	font-size: 14px;
}
.table_text a{
	color: #2650a6;
}
.table_text a:visited{
	color: #2650a6;
}
.table_text a:hover{
	color: #cc3300;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}
.table_button a{
	width: 546px;
	height: 61px;
	display: block;
	overflow: hidden;
}
.table_button a:hover{
	position: relative;
	top: 0;
	left: 0;
}
.table_button a:hover img{
	position: relative;
	top: -60px;
	left: 0;
}


/* 横配列ボタン */
.button_box{
	margin: 0 0 45px 0;
	padding: 0;
}
.button_w{
	width: 341px;
	margin: 0 4px 0 4px;
	padding: 0;
	float: left;
	height: 51px;
	overflow: hidden;
}
.button_w a:hover{
	position: relative;
	top: 0;
	left: 0;
}
.button_w a:hover img{
	position: relative;
	top: -50px;
	left: 0;
}

/* ポイント */
.point1, .point2, .point3, .point4, .point5{
	margin: 0 0 35px 0;
	padding: 0 0 0 70px;
}
.point1 h4, .point2 h4, .point3 h4, .point4 h4, .point5 h4{
	border-width: 0 0 1px 0;
	border-color: #ccc;
	border-style: solid;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 17px;
	color: #003366;
	color: #006291;
}
.point1 p, .point2 p, .point3 p, .point4 p, .point5 p{
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 130%;
}
.point1{
	background: transparent url(img/point1_blue.png) no-repeat top left;
}
.point2{
	background: transparent url(img/point2_blue.png) no-repeat top left;
}
.point3{
	background: transparent url(img/point3_blue.png) no-repeat top left;
}
.point4{
	background: transparent url(img/point4_blue.png) no-repeat top left;
}
.point5{
	background: transparent url(img/point5_blue.png) no-repeat top left;
}

/* Q&A */
.question1{
	margin: 0 0 5px 0;
	padding: 0 0 0 70px;
	background: transparent url(img/question_blue.png) no-repeat top left;
	min-height: 56px;
	line-height: 56px;
	font-weight: bold;
	font-size: 17px;
	color: #006291;
	border: none;
}
.answer1{
	margin: 0 0 45px 0;
	padding: 15px;
	background: #f7fdfd;
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
}
.answer1 p{
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 140%;
}
/* カテゴリ */
.category_list{
	margin: 30px 0 50px 0;
	padding: 0;
}
/* ナビゲーション */
.nav{
	border-width: 0;
	border-color: #aaa;
	border-style: solid;
	margin: 0 0 50px 0;
	padding: 0;
	background: transparent;
}
.side{
	margin: 0 0 20px 0;
	padding: 0;
	background: #fff;
}
.side h4, .side h3{
	color: #fff;
	background: #336699;
	margin: 0 0 5px 0;
	padding: 3px 10px 3px 10px;
	border: none;
	font-size: 15px;
	clear: none;
}
.side ul{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-width: 0;
}
.side ul li{
	margin: 0;
	padding: 0;
	font-size: 14px;
	border: none;
}
.side ul li+li{
	border-width: 1px 0 0 0;
	border-color: #aaa;
	border-style: dashed;
}
.side ul li a{
	color: #333;
	padding: 7px 7px 7px 27px;
	display: block;
	text-decoration: none;
	background: #fff url(img/menu-list.gif) no-repeat 10px center;
}
.side ul li a:visited{
	color: #333;
}
.side ul li a:hover{
	color: #333;
	background: #eee url(img/menu-list.gif) no-repeat 10px center;
	top: 0;
	left: 0;
	text-decoration: none;
}
.side_center{
	margin: 0;
	padding: 10px 0 15px 0;
	background: #fff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}
.side_center img{
	margin: 0 0 3px 0;
}
/* サイトマップ */
.sitemap{
	margin: 0 0 35px 0;
	padding: 0;
}
.sitemap ul{
	font-size: 15px;
	margin: 0;
}
.sitemap li{
	margin: 0 0 10px 10px;
	padding: 0 0 0 15px;
	background: transparent url(img/page-navi.gif) no-repeat left center;
}
/*
.sitemap-left{
	width: 335px;
	float: left;
	padding: 0;
	margin: 0 15px 0 0;
}
.sitemap-right{
	width: 335px;
	float: right;
	padding: 0;
	margin: 0 0 0 15px;
}
*/
/* カテゴリありのサイトマップ */
.sitemap .sitemap-cat{
	font-weight: bold;
	margin: 20px 0 10px 0;
	padding: 0 0 0 20px;
	background: transparent url(img/li.png) no-repeat center left;
}


/* 一覧テーブル */
.ichiran{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 30px 0;
	font-size: 15px;
}
.ichiran th, .ichiran td{
	border-width: 1px;
	border-color: #aaa;
	border-style: solid;
	text-align: center;
}
.ichiran_site{
	width: 24%;
	background: transparent url(img/h.gif);
}
.ichiran_info{
	width: 15%;
	background: transparent url(img/h.gif);
}
.ichiran_shosai{
	width: 16%;
	background: transparent url(img/h.gif);
}
.ichiran a{
	color: #2650a6;
	background: transparent;
}
.ichiran a:visited{
	color: #2650a6;
	background: transparent;
}
.ichiran a:hover{
	color: #cc3300;
	background: transparent;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}
.ichiran a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
.ichiran td{
	padding: 15px 2px;
}
.ichiran th{
	padding: 10px 2px;
}
.ichiran .kara{
	border-width: 1px 0 1px 0;
}


/* サイトテーブル */
.site_table{
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 40px 0;
	font-size: 15px;
}
.site_table th, .site_table td{
	border-width: 1px;
	border-color: #aaa;
	border-style: solid;
	text-align: center;
	padding: 6px 5px;
}
.site_table .site_table_title{
	font-size: 20px;
	margin: 0;
	padding: 10px 15px 10px 15px;
	background: #eee url(img/back.gif);
	text-align: left;
	font-weight: bold;
}
.site_rank0, .site_rank1, .site_rank2, .site_rank3, .site_rank4, .site_rank5, .site_rank6, .site_rank7, .site_rank8, .site_rank9, .site_rank10{
	margin: 0 0 13px 0;
	padding: 0;
	border: none;
	font-size: 20px;
	background: transparent url(img/rank1.png) no-repeat 10px center;
	padding: 5px 15px 5px 60px;
}
.site_rank0{
	background: transparent url(img/rank0.png) no-repeat 10px center;
}
.site_rank1{
	background: transparent url(img/rank1.png) no-repeat 10px center;
}
.site_rank2{
	background: transparent url(img/rank2.png) no-repeat 10px center;
}
.site_rank3{
	background: transparent url(img/rank3.png) no-repeat 10px center;
}
.site_rank4{
	background: transparent url(img/rank4.png) no-repeat 10px center;
}
.site_rank5{
	background: transparent url(img/rank5.png) no-repeat 10px center;
}
.site_rank6{
	background: transparent url(img/rank6.png) no-repeat 10px center;
}
.site_rank7{
	background: transparent url(img/rank7.png) no-repeat 10px center;
}
.site_rank8{
	background: transparent url(img/rank8.png) no-repeat 10px center;
}
.site_rank9{
	background: transparent url(img/rank9.png) no-repeat 10px center;
}
.site_rank10{
	background: transparent url(img/rank10.png) no-repeat 10px center;
}
.site_table .r4{
	width: 25%;
	background: #eee url(img/back.gif);
}
.site_table .r3{
	width: 33%;
	background: #eee;
}
.site_table .site_table_one{
	text-align: left;
	padding: 20px 20px;
}
.site_table_one img{
	float: left;
}
.site_table.site_table_img{
	text-align: center;
	padding: 20px 10px;
}
.site_table .site_table_text{
	padding: 20px 10px;
	text-align: left;
}
.site_table .site_table_link{
	font-size: 20px;
	font-weight: bold;
	padding: 20px 5px;
}
.site_table a{
	color: #2650a6;
}
.site_table a:visited{
	color: #2650a6;
}
.site_table a:hover{
	color: #cc3300;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}
.sub_title{
	font-size: 13px;
	padding: 0 0 0 10px;
	color: #ca0000;
}
.site_table_one ul{
	margin: 0 0 20px 230px;
	background: #fffef7;
	padding: 10px 10px 1px 10px;
	border-color: #fef0cd;
	border-width: 1px;
	border-style: solid;
}
.site_table_one h4{
	margin: 0 0 15px 230px;
	padding: 0;
	font-size: 17px;
	border: none;
}
.site_table_one h5{
	margin: 0 0 10px 230px;
	padding: 0;
	font-size: 17px;
}
.site_table_one p{
	margin: 0 0 15px 230px;
	padding: 0;
	font-size: 15px;
}
.site_table a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
/* ランキング */
.rank{
	border-width: 0 0 1px 0;
	border-color: #aaa;
	border-style: dashed;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
}
.rank table{
	width: 100%;
	margin: 0;
	border-collapse: collapse;
}
.rank td{
	border-width: 0 0 1px 0;
	border-color: #ccc;
	border-style: solid;
	vertical-align: top;
}
.rank_img{
	width: 200px;
	text-align: center;
	font-size:16px;
	padding: 0;
	font-weight: bold;
	float: left;
}
.rank_img img{
	padding: 15px 0;
}
.rank_text{
	padding: 20px 10px 20px 10px;
}
.rank_header{
	margin: 0 0 15px 220px;
	padding: 0 0 0 60px;
	color: #333;
	background: transparent url(img/good_pink.png) no-repeat center left;
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
	height: 45px;
}
.rank_osusume{
	margin: 0 0 20px 220px;
	border-width: 0 0 1px 0;
	border-color: #aaa;
	border-style: dashed;
	padding: 0 0 0 25px;
}
.rank_osusume img{
	vertical-align: -3px;
	line-height: 100%;
}
.rank_info{
	margin: 0 0 15px 220px;
	line-height: 150%;
	font-size: 15px;
}
.rank ul{
	margin: 0 0 25px 220px;
	padding: 15px 15px 7px 15px;
	list-style: none;
	background: #eee;
	border-width: 1px;
	border-color: #aaa;
	border-style: solid;
}
.rank ul{
	padding: 0;
	border: none;
	background: #fff;
}

.rank li{
	margin: 0 0 8px 0;
	padding: 0 0 0 27px;
	background: transparent url(img/item_list_red.gif) no-repeat left center;
	font-size: 16px;
	font-weight: bold;
}
.rank .textlink{
	margin: 0 0 25px 0;
	line-height: 100%;
}
.rank1{
	background: transparent url(img/rank1_m.gif) no-repeat top left;
}
.rank2{
	background: transparent url(img/rank2_m.gif) no-repeat top left;
}
.rank3{
	background: transparent url(img/rank3_m.gif) no-repeat top left;
}
.rank1_a{
	background: transparent url(img/rank1_a.gif) no-repeat top left;
}
.rank2{
	background: transparent url(img/rank2_m.gif) no-repeat top left;
}
.rank3{
	background: transparent url(img/rank3_m.gif) no-repeat top left;
}

.cart_image{
	width: 461px;
	margin: 0 0 0 220px;
	padding: 0;
	clear: both;
	height: 51px;
	overflow: hidden;
}
.cart_image a:hover{
	color: #666;
	background: transparent;
	position: relative;
	top: 0px;
	left: 0px;
	text-decoration: none;
}
.cart_image a:hover img{
	color: #666;
	background: transparent;
	position: relative;
	top: -50px;
	left: 0;
	text-decoration: none;
}

.rank .textlink{
	margin: 0 0 0 220px;
}

/* キャラクター */
.item{
	margin: 0 0 30px 0;
	background: #fff0c4;
	background: #ffeeee;
	padding: 15px;
	border-width: 1px;
	border-color: #aaa;
	border-style: solid;
}
.item img{
	float: left;
	maxi-width: 200px;
	margin: 0 0 20px 0;
}
.item_header{
	color:#333;
	color: #fff;
	background: #fae1a0;
	background: transparent url(img/item_header.gif) no-repeat center left;
	padding: 10px;
	margin: 0 0 15px 0;
	line-height: 100%;
}
.item_header2{
	color:#ca0000;
	color: #333;
	font-weight: bold;
	background: transparent;
	padding: 0;
	font-size: 18px;
	margin: 0 0 10px 220px;
}
.item ul{
	margin: 0 0 10px 220px;
	padding: 0;
	list-style: none;
}
.item li{
	margin: 0 0 8px 0;
	padding: 0 0 0 27px;
	background: transparent url(img/item_list_red.gif) no-repeat left center;
	font-size: 16px;
}
.item_info{
	clear: both;
	margin: 0;
	padding: 15px 130px 15px 15px;
	background: #e2fafe url(img/chat.png) no-repeat center right;
	border-width: 3px;
	border-color: #bfe1fb;
	border-style: solid;
}
.item_info p{
	font-size: 15px;
	margin: 0;
	padding: 0;
}
.last{
	margin: 0 0 20px 0;
	padding: 10px;
	background: transparent url(img/bg_blue.gif) top left;
	text-align: center;
}
.recommend{
	margin: 0 0 15px 0;
	padding: 0;
}

.cart_one{
	width: 461px;
	margin: 0 auto 40px auto;
	padding: 0;
	clear: both;
	height: 51px;
	overflow: hidden;
}
.cart_one a:hover{
	color: #666;
	background: transparent;
	position: relative;
	top: 0px;
	left: 0px;
	text-decoration: none;
}
.cart_one a:hover img{
	color: #666;
	background: transparent;
	position: relative;
	top: -50px;
	left: 0;
	text-decoration: none;
}


/* 商品・サイト紹介 */
.site{
	margin: 0 0 30px 0;
	padding: 10px 20px;
	border-width: 1px;
	border-color: #aaa;
	border-style: solid;
}
.site img{
	width: 150px;
	float: left;
	margin: 0 0 0 0;
}
.site h3{
	border: none;
	background: transparent url(img/best.png) no-repeat center left;
	margin: 0 0 15px 0;
	padding: 0 0 0 115px;
	height: 85px;
	line-height: 85px;
}
.site h4{
	margin: 0 0 10px 185px;
	padding: 0;
	border: none;
}
.site ul{
	margin: 0 0 20px 185px;
}
.site li{
	padding: 0 0 0 50px;
	font-weight: bold;
}
.site p{
	margin: 0 0 15px 185px;
	padding: 0;
}
.site .textlink{
	text-align: right;
}
.site .rank1{
	font-size: 20px;
	background: transparent url(img/rank1.png) no-repeat bottom left;
	padding: 0 0 0 50px;
}
.site .rank2, .site .rank3{
	background-position: 8px 1px;
}
.site h3 img{
	width: auto;
	float: none;
	margin: 0;
}
.site a{
	color: #2650a6;
}
.site a:visited{
	color: #2650a6;
}
.site a:hover{
	color: #cc3300;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}
.image_h, .side .image_h{
	background: transparent url(img/image_h.png) no-repeat center left;
	height: 85px;
	line-height: 85px;
	border: none;
	padding: 0 0 0 110px;
}
/* マインド */
.mind{
	margin: 0 0 30px 0;
	padding: 25px;
	border-width: 1px;
	border-color: #aaa;
	border-style: solid;
	background: #fffffb url(img/girl.png) no-repeat 25px 10px;
}
.mind h3{
	color: #663300;
	margin: 0 0 10px 140px;
	padding: 0;
	background: transparent;
}
.mind p{
	margin: 0 0 0 140px;
}
.girl2{
	background: #fffffb url(img/girl2.png) no-repeat 25px 10px;
}
.boy2{
	background: #fffffb url(img/boy2.png) no-repeat 25px 10px;
}

.mini-site{
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
	border-width: 0 0 1px 0;
	border-color: #aaa;
	border-style: dotted;
}
.mini-site-img img{
	float: left;
	width: 150px;
}
.mini-site h4{
	margin: 0 0 15px 180px;
}
.mini-site p{
	margin: 0 0 20px 190px;
}
.mini a{
	color: #2650a6;
}
.mini a:visited{
	color: #2650a6;
}
.mini a:hover{
	color: #cc3300;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration: none;
}
.mini a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
/* ピンク
#layout{
	background: #eee url(img/back_pink.gif);
}
.title-box{
	border-color: #e96392;
}
.title h2{
	background: transparent url(img/title_pink.png) no-repeat left center;
}
h4, .h4{
	border-color: #e96392;
}
.side h4, .side h3{
	background: #e96392;
}
 */

/* ブラック
#layout{
	background: #eee url(img/back_black.gif);
}
.title-box{
	border-color: #999;
}
.title h2{
	background: transparent url(img/title_black.png) no-repeat left center;
}
h4, .h4{
	border-color: #999;
}
.side h4, .side h3{
	background: #999;
}
 */

/* グリーン
#layout{
	background: #eee url(img/back_green.gif);
}
.title-box{
	border-color: #6b8f30;
}
.title h2{
	background: transparent url(img/title_green.png) no-repeat left center;
}
h4, .h4{
	border-color: #6b8f30;
}
.side h4, .side h3{
	background: #6b8f30;
}

 */



.link_button{
	margin: 10px;
	padding: 0;
	text-align: center;
	font-size: 25px;
	color: #fff;
}
.link_button a{
	color: #fff;
	text-decoration: none;
	color: #fff;
	display: block;
	padding: 25px 20px 25px 40px;
	text-decoration: none;
	border-width: 3px;
	border-style: solid;
	border-color: #fff;
	position:relative;
	background: #E35176;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 1px 1px 5px #aaa;
	behavior: url(pie.htc);
	font-weight: bold;
	-moz-text-shadow: 2px 2px 0 #bc1f46;
	-webkit-text-shadow: 2px 2px 0 #bc1f46;
	text-shadow: 2px 2px 0 #bc1f46;
}
.link_button a:visited, .link_button a:hover{
	color: #fff;
}
.link_button a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 27px;
	width: 0;
	height: 0;
	margin-top: -9px;
	border: 9px solid transparent;
	border-left: 11px solid #fff;
}

.site_box{
	margin: 0 0 30px 0;
}
.site_box_image{
	width: 200px;
	float: left;
	margin: 0 0 20px 0;
}
.site_box ul{
	margin: 0 0 20px 230px;
	background: #fffef7;
	padding: 10px 10px 1px 10px;
	border-color: #fef0cd;
	border-width: 1px;
	border-style: solid;
}
.site_box p{
	margin: 0 0 20px 230px;
}