/* --- html,body,contaierにheight、mainにpaddingボトム、footerにmargin-heght --- */

/* --- 初期値 --- */
* {
	margin:0;
	padding:0;
}
ul {
	list-style-type:none;
}
a img {
	border:none;
}
a:hover {
	color:#ff7500;
}
table {
	border-collapse:collapse;
	border:0px;
}

table tr td {
	padding:0px;
}

/* --- レイアウト構成 --- */
html {
	height:100%;
}
body {
	height:100%;
	text-align:center;
	background:url('bg.png') repeat-x;
}
body > #container { 
	height:auto;
}
#container {
	margin:0px auto 0 auto;
	width:980px;
	height:100%;
	min-height:100%;
}

/* --- ヘッダー --- */
header {
	width:940px;
	margin:0 auto;
	min-height:210px;
	background:url('header_bg.png') no-repeat right top;
}
#logo {
	height:105px;
}
#logo a {
	text-align:left;
	width:426px;
	display:block;
	padding:14px 0 5px 0px;
}
header h1 {	
	margin:0 auto;
	font-size:13px;
	font-weight:normal;
	color:#fff;
	padding:0px 0px 0px 0px;
	text-align:left;
}
header h1 span {
	font-weight:bold;
	color:#ffba00;
}

/* --- ナビゲーション --- */
nav {
	width:100%;
	height:47px;
}
nav ul {
	margin:0 0px;
}
nav li {
	float:left;
	border-right:1px solid #565656;

}
nav li:first-child {
	border-left:1px solid #565656;
}
nav li a {
	display:block;
	height:47px;
	text-decoration:none;
	color:#fff;
	line-height:47px;
	font-weight:bold;
	padding:0 15px;
}
nav li a:hover {
	background-color:#16234d;
	color:#fff;
}

#ads_link {
	text-align:left;
	margin:15px 0px 20px;
}

/* --- メイン --- */
#main {
	width:940px;
	margin:0px auto;
	height:auto;
	padding-bottom:80px;
}

/* --- コンテンツ --- */
#contents {
	width:100%;
	margin:0 auto;
}
#contents_left {
	width:661px;
	float:left;
}
#contents_right {
	width:250px;
	float:right;
}
#breadcrumb_list ul {
	float:right;
	margin-right:5px;
	margin-bottom:5px;
}
#breadcrumb_list li {
	float:left;
	font-size:0.8em;
	margin-left:7px;
}
#breadcrumb_list li a {
	text-decoration:none;
	background:url('breadcrumb_list.gif') no-repeat right center;
	padding-right:10px;
}

/* --- トップページ --- */
#index_body ,#page_body {
	text-align:left;
	margin-bottom:50px;
}
#top_h2 {
	color:#000000;
	font-size:1.2em;
	margin-bottom:10px;
}
#top_text {
	line-height:1.4em;
	margin-bottom:20px;
	text-align:left;
}
#top_banner {
	margin:0 0px 0;
}
#top_banner_left {
	float:left;
	text-align:left;
}
#top_banner_right {
	float:right;
	margin:0px 0 0px;
}
.topmenu_h2 {
	background:url('mark1.gif') no-repeat left center;
	border-bottom:1px solid #16234d;
	margin:30px 0 20px 0;
	padding:3px 0 3px 30px;
	color:#16234d;
	font-size:1em;
}

#top_img1 {
	text-align:center;
	margin:0 0 60px 0;
}

/* --- サブページ --- */
#page_body p {
	margin-bottom:20px;
	line-height:1.3em;
}
.page_img {
	text-align:center;
	margin:0 0 15px 0;
}
#page_h2 {
	background:url('mark1.gif') no-repeat left center;
	border-bottom:1px solid #16234d;
	margin:30px 0 20px 0;
	padding:5px 0 5px 30px;
	color:#16234d;
	font-size:1.3em;
}
.page_h3 {
	color:#16234d;
	margin:30px 0 15px;
	font-size:1em;
	background:#eee;
	padding:6px 10px;
}
#page1_table {
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:0 5px;
}
#page1_table th ,#page1_table td {
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:10px;
}
#page1_table th {
	text-align:center;
	background:#fffae0;
	font-size:0.9em;
}
#page1_table #color_width {
	width:100px;
}
#page1_table #lens_width {
	width:100px;
}
#page1_table #img_width {
	width:128px;
}
#page1_table #bright_width {
	width:60px;
}
#page1_table #com_width {
}
#page1_table td {
	text-align:center;
}
#page1_table td p {
	text-align:left;
}

#page1_table .lens {
	font-size:0.9em;
}
#page1_table .lens img {
	margin-bottom:10px;
}
#page1_table .lens span {
	font-size:0.7em;
	color:#999;
}
#page1_table .bright {
	font-size:0.9em;
	vertical-align:center;
}
#page1_table td h3 {
	text-align:left;
	font-size:1em;
	margin:10px 0 0px;
}
#page1_table .star {
	text-align:left;
	margin:0px 0 25px;
}
#page1_table td h4 {
	text-align:left;
	margin:0px 0 0px;
}

#page2_table {
	border-left:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:0 5px;
}
#page2_table th ,#page2_table td {
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:10px;
}
#page2_table th {
	text-align:center;
	background:#fffae0;
	font-size:0.9em;
}
#page2_table .face {
	font-size:0.8em;
	text-align:center;
}
#page2_table .flame {
	font-size:0.7em;
	text-align:center;
}
#page2_table .flame ul {
	margin-top:10px;
}
#page2_table .flame li {
	margin-bottom:10px;
}
#page2_table .comment {
	vertical-align:top;
}
#page2_table .exemple {
	width:100px;
	font-size:0.8em;
	line-height:1.4em;
	vertical-align:top;
}
#page2_table .exemple img {
	width:100px;
}

#page3_table {
	border-right:1px solid #ddd;
	border-top:1px solid #ddd;
	margin:0 auto;
	width:98%;
	table-layout:fixed;
}
#page3_table th ,#page3_table td {
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:10px;
}
#page3_table th {
	text-align:center;
	background:#fffae0;
	font-size:0.9em;
}
#page3_table td {
	vertical-align:top;
}
#page3_table td img {
	width:100%;
}
.link {
	background:url('link.gif') no-repeat;
	padding:0 0 0 75px;
	margin:0 0 0 10px;
}
.menu1 {
	background:url('menu1_bg.gif') repeat-x;
	height:49px;
}
.menu1 h2 {
	text-align:left;
	background:url('menu1_mark.gif') no-repeat 5px center;
	height:100%;
	line-height:49px;
	padding:0 0 0 40px;
	color:#660000;
}

#ads_side {
	font-size:0.7em;
	color:#2d2d2d;
	text-align:left;
	margin:0 0 20px 0;
}

#sidemenu {
	margin:36px 0 40px;
}
#sidemenu h2 {
	background:url('sidemenu_bg.gif') no-repeat 10px center #000;
	border-left:1px solid #164325;
	border-right:1px solid #164325;
	border-bottom:1px solid #164325;
	font-size:0.8em;
	color:#fff;
	text-align:left;
	padding:10px 10px 10px 32px;
}
#sidemenu ul {
	border-left:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
}
#sidemenu li {
	text-align:left;
	padding:10px 10px;
	background:url('line1.gif') repeat-x top center #f6f6f6;
}
#sidemenu li:first-child {
	background-image:none;
}
#sidemenu li a {
	text-decoration:none;
}

#sidebanner li {
	margin-bottom:10px;
}

.table_rank1 {
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:20px 0px 60px 0px;
	width:660px;
}
.table_rank1 caption {
	text-align:right;
	padding-bottom:5px;
}
.table_rank1 th ,.table_rank1 td {
	width:220px;
}
.table_rank1 #th_center {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
.table_rank1 th {
	border-bottom:1px solid #ccc;
	padding:10px;
}
.table_rank1 td {
	border-left:1px solid #ccc;
	padding-left:10px;
	padding-right:10px;
	vertical-align:top;
}
.table_rank1 td p {
	line-height:1.4em;
}
.table_rank1 td .rank_icon {
	float:left;
	margin:20px 15px 0 0;
}
.table_rank1 td .rank_img {
	margin:20px 0 20px 0;
}
.ranktop_img {
	margin-bottom:10px;
	width:190px;
}
.table_rank1 th {
	color:#fff;
	background:#16234d;
	text-align:center;
	vertical-align:center;
}
.rank_title {
	font-weight:bold;
	color:#eaab00;
	margin:0 0 10px 0;
	font-size:1em;
	text-align:center;
}
.rank_com p {
	margin:0 0 10px 0;
}
.rank_more {
	background:url('more.gif') no-repeat top right;
	padding:0 15px 0 0;
}
.rank_name {
	text-align:center;
}
.rank_name {
	padding-top:20px;
	padding-bottom:10px;
}
.rank_name a {
	text-decoration:none;
}
.rank_choice {
	background:url('osusume.gif') no-repeat;
	padding:24px 0 0px 0;
	margin:0 0 15px 0;
	font-size:0.8em;
}
.rank_price {
	padding:3px;
	text-align:center;
	background:#000;
	color:#fff;
	font-size:0.9em;
}
.price_box {
	padding:20px 0 0 0;
}
.uq_size {
	width:100px;
}

.table_menu1 {
	margin:0 0 0 10px;
}
.table_menu1 td {
	width:330px;
}
.table_menu1 td a {
	text-decoration:none;
}
.table_menu1 td .leftbox {
	float:left;
	background:url('table_menu1_bg.gif') no-repeat;
	width:131px;
	height:98px;
	margin:0 15px 0 0;
}
.table_menu1 td .leftbox img {
	margin:2px;
}
.table_menu1 td .rightbox {
	overflow: hidden;
	margin:0 20px 20px 0;
}
.table_menu1 td .rightbox h3 {
	background:url('mark2.gif') no-repeat left center;
	padding:0 0 0 12px;
	margin:0 0 10px 0;
	font-size:1em;
}
.table_menu1 td .rightbox p {
	margin:0 0 15px 0;
	font-size:0.8em;
	line-height:1.5em;
}
.table_rank2 {
	border-left:1px solid #999;
	border-right:1px solid #999;
	margin:0px 0px 0px 0px;
}
.table_rank2 th {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:10px;
}

.table_rank2 td {
	border-bottom:1px solid #999;
	padding:10px;
	vertical-align:top;
}
.table_rank2 th {
	background:#eee;
	text-align:center;
	vertical-align:middle;
}

.table_rank2_img {
	width:128px;
	margin-top:10px;
	margin-bottom:10px;
}
.rank2_img {
	text-align:center;
}
.rank2_img a {
	text-decoration:none;
}
.rank_title2 {
	margin-top:10px;
	font-weight:bold;
}
.rank_choice2 {
	font-size:0.8em;
	background:url('osusume2.gif') no-repeat;
	padding:0 0 0 90px;
}
.rank_price2 {
	padding:2px;
	text-align:center;
	background:#000;
	color:#fff;
	font-size:0.8em;
	margin-left:0px;
	width:160px;
}
.rank_more2 {
	background:url('more2.gif') no-repeat bottom center;
	padding:0px 0px 45px 0;
}

.img_type1 {
	margin:0 0px 10px;
}
.img_type1 img {
	float:left;
	margin:0 10px 20px;
}

.list_type1 {
	margin:0 10px 20px;
}
.list_type1 li {
	line-height:1.5em;
	margin-bottom:5px;
}

.list_type2 {
	margin:0 10px 140px 0px;
}
.list_type2 li {
	line-height:1.5em;
	margin-bottom:5px;
	padding:5px 10px;
	background:#eee;
}
.list_type2 a {
	text-decoration:none;
}
.size_more a {
	background:url('more3.gif') no-repeat center right;
	padding-right:46px;
}
.size_rakuten a {
	background:url('rakuten_search.gif') no-repeat center right;
	padding-right:77px;
}
.size_yahoo a {
	background:url('yahoo_search.gif') no-repeat center right;
	padding-right:84px;
}
.size_amazon a {
	background:url('amazon_search.gif') no-repeat center right;
	padding-right:84px;
}
.list_type3 {
	margin:10px 10px 40px;
}
.list_type3 li {
	line-height:1.4em;
	margin-bottom:5px;
}

#ads_bottom {
	margin:30px 0 30px;
	font-size:0.7em;
	color:#2d2d2d;
	text-align:left;
}

#chair_float img {
	float:left;
	margin:0 20px 20px 0;
}
#chair_float div {
	overflow: auto;	/* for modern browser */
	zoom: 1;	/* for ie6 */
	line-height: 1.5;
}

.chair_h3 {
	color:#660000;
	font-size:1.2em;
	background:url('top_mark1.gif') no-repeat center left;
	padding-left:22px;
	margin-bottom:10px;
}

#afi_block {
	margin-top:40px;
	width:97%;
}
#page_osusume {
	margin:0px 0 0 0px;
	width:411px;
	height:121px;
	float:left;
	background:url('osusume3_bg.gif') no-repeat 0 25px;
}
#page_osusume p {
	margin:10px 20px 0 20px;
}
#page_osusume p a {
	text-decoration:none;
	line-height:16px;
}
#page_price {
	float:right;
	margin:25px 0px 0 0;
}

.size_form {
	margin-bottom:40px;
}
.size_form th {
	background:#ffdf9a;
	padding:5px 10px;
	font-size:0.9em;
}
.size_form td input {
	height:2em;
	margin-left:5px;
}
.size_form td span {
	color:red;
	font-size:0.9em;
}
.size_form th ,.size_form td {
	border-bottom:1px solid #fff;
}
.size_result {
	margin-bottom:20px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.size_result th {
	font-weight:normal;
	background:#ffdf9a;
	padding:5px 10px;
	font-size:0.9em;
}
.size_result td {
	padding:0 10px;
}
.size_result th ,.size_result td {
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
}

#size_submit {
	text-align:center;
}
#size_submit input {
	margin-top:15px;
	width:100px;
	height:30px;
}
.size_error {
	color:red;
}
#result_p {
	font-size:1.1em;
}
#result_p span {
	color:red;
	font-weight:bold;
}

.check_mark a {
	background:url('check.gif') no-repeat center right;
	padding-right:50px;
}

.connect_mark a {
	background:url('mark4.gif') no-repeat center left;
	padding-left:85px;
	margin-left:10px;
}
.connect_list {
	margin:30px 0 0 0;
}
.connect_list li:first-child {
	background:url('mark4.gif') no-repeat center left;
}
.connect_list li {
	padding-left:85px;
	margin-left:10px;
	margin-bottom:5px;
}
.shop_img img {
	float:left;
	margin:0 10px 10px 10px;
}
.shop_img h4 {
	margin:0 0 15px 0;
}
.shop_img p {
	font-size:0.9em;
}
.shop_img a {
	margin-bottom:15px;
}
#shop_left {
	width:340px;
	float:left;
}
#shop_right {
	float:right:
}

#side_banner h2 {
	font-size:0.8em;
	text-align:left;
	margin-bottom:5px;
}
#side_banner li {
	font-size:0.8em;
	margin-bottom:20px;
}

/* --- フッター --- */
footer {
	width:100%;
	height:80px;
	margin-top:-80px;
	position:relative;
}
footer ul {
	width:940px;
	margin:0 auto;
	height:30px;
}
footer li:first-child {
	border-left:1px solid #ccc;
	margin-left:10px;
}
footer li {
	float:left;
	border-right:1px solid #ccc;
	font-size:0.9em;
}

footer li a {
	text-decoration:none;
	padding:0 10px;

}
#footer_outer {
	height:50px;
	width:100%;
	background:url('footer_bg.png');
}
#footer_inner {
	width:960px;
	color:#fff;
	padding:10px 10px 0 0;
	margin:0 auto;
	text-align:right;
	font-size:0.8em;
}

/* --- float解除 --- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}