@charset "UTF-8";

/******************************
 * Layout
 ******************************/
body {
	background-color:#ffffff;
    color:#494546;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
    font-size:14px;
	text-align:center;
}

/******************************
 * Style
 ******************************/

h1 {
    padding:5px;
    color:#fff;
    font-size:20px;
	font-family:"georgia", "Times New Roman", serif;
	font-style:italic;
	font-weight:normal;
}

h2 {
    color:#fff;
    font-size:12px;
	font-weight:normal;
}

h3 {
	margin:0 10px 0 10px;
	padding:0;
	font-size:14px;
	text-align:left;
}

#wrapper {
	margin:0 auto 0 auto;
	width:800px;
}

#header {
	margin-bottom:20px;
	background:url(../img/cc_header_bg.png) no-repeat;
    height:120px;
	width:800px;
	letter-spacing:1px;
}

#banq {
	margin-left:320px;
    width:60px;
	height:18px;
	top:0;
	left:50%;
	position:absolute;
}


#search_frame {
    margin:15px 0 0 104px;
	height:26px;
}

#search_box {
    width:308px;
	height:26px;
    float:left;
}

#search_top {
	background:url(../img/cc_search_top.png) no-repeat;
    width:308px;
    height:4px;
	behavior: url(../css/htc/iepngfix.htc);
}

#search {
	width:308px;
	background-color:#ffffff;
	display:block;
}

#search input {
    padding:4px;
    width:298px;
    color:#000;
    font-size:16px;
	line-height:18px;
	text-align:center;
	border:0 solid #ffffff;
}

#search_bottom {
    margin-bottom:5px;
	background:url(../img/cc_search_bottom.png) no-repeat;
    width:308px;
    height:4px;
	behavior: url(../css/htc/iepngfix.htc);
}

#search_mode {
    margin:10px 0 0 10px;
	height:26px;
	color:#ffffff;
	float:left;
}

#search_mode .on {
	margin:1px 6px 1px 6px;
	width:12px;
	height:12px;
	background:url(../img/cc_smode_on.png) no-repeat;
	float:left;
	behavior: url(../css/htc/iepngfix.htc);
}

#search_mode .off {
	margin:1px 6px 1px 6px;
	width:12px;
	height:12px;
	background:url(../img/cc_smode_off.png) no-repeat;
	float:left;
	cursor:pointer;
	behavior: url(../css/htc/iepngfix.htc);
}

#search_mode .box {
	margin:0 4px auto 4px;
	height:16px;
	font-size:12px;
	line-height:14px;
	text-align:left;
	float:left;
}

#main {
	height:780px;
}


#left {
    margin:0 5px 15px 0;
	width: 528px;
	height:780px;
	float:left;
}

#right {
    margin:0 0 15px 5px;
	width: 260px;
	height:780px;
	border-left:1px solid #a99e93;
	border-right:1px solid #a99e93;
	float:left;
}

#option {
    margin:0 auto 0 auto;
    width:516px;
}


#option .left {
    width:150px;
	height:16px;
    font-size:10px;
	text-align:left;
	display:block;
	float:left;
}

#option .right {
    width:70px;
	height:16px;
    font-size:10px;
	text-align:right;
	display:block;
	float:right;
}

#option .select {
	margin-right:5px;
	width:70px;
	height:16px;
	background:url(../img/cc_parts.png) 0 0 no-repeat;
    font-size:10px;
	cursor:pointer;
	display:block;
	float:left;
}

#option .clear {
	width:70px;
	height:16px;
	background:url(../img/cc_parts.png) -70px 0 no-repeat;
    font-size:10px;
	cursor:pointer;
	display:block;
	float:left;
}

#option .mode {
	width:70px;
	height:16px;
	background:url(../img/cc_parts.png) -140px 0 no-repeat;
    font-size:10px;
	cursor:pointer;
	display:block;
	float:left;
}

#pallet_frame {
    margin:0 auto 0 auto;
}

#pallet_top {
    margin:0 auto 0 auto;
    width:516px;
	height:6px;
	background:url(../img/cc_parts.png) 0 -32px no-repeat;
	clear:both;
}

#pallet {
	padding:0;
    margin:0 auto 0 auto;
    width:508px;
    border-left:4px solid;
    border-right:4px solid;
	border-color:#494546;
}

#pallet .frame {
	background-color:#494546;
    border: 1px solid #ffffff;
	display:block;
}

#pallet_text {
    margin:0 auto 0 auto;
    padding:10px;
    height:18px;
    width:486px;
	background:url(../img/cc_bg.png) repeat;
	color:#ffcc33;
    font-size:12px;
    line-height:18px;
    border: 0 solid #ffffff;
    overflow:auto;
}

#pallet_bottom {
    margin:0 auto 10px auto;
    width:516px;
	height:4px;
	background:url(../img/cc_parts.png) 0 -38px no-repeat;
}

#caution {
    margin:30px auto 30px auto;
    width:498px;
    color:#000;
    font-size:14px;
}

#cm_list {
    margin:0 auto 5px auto;
    width:516px;
	display:block;
}

#page {
	min-height:500px;
	display:block;
}

#cm_list dl {
    margin:0 auto 0 auto;
    padding:8px 8px 4px 8px;
    width:498px;
    height:48px;
	border:1px solid #ffffff;
	cursor:pointer;
}

#cm_list dt {
    padding:2px 0 2px 0;
    width:100%;
    height:18px;
	letter-spacing:1px;
	text-align:left;
}

#cm_list dd {
    padding:2px 0 2px 0;
    width:100%;
    color:#a99e93;
	font-size:12px;
}

#cm_list .line {
    padding-bottom:2px;
    width:100%;
	text-align:right;
	border-bottom:1px dashed #595455;
}

#cm_list .hatena {
	margin-left:5px;
	vertical-align:text-bottom;
	cursor:help;
}

.hatena_frame {
	margin:48px 0 0 10px;
    padding:8px 0 2px 0;
    width:498px;
	display:none;
	position:absolute;
}

.hatena_top {
    width:498px;
    height:16px;
	background:url(../img/cc_hatena_top.png) no-repeat;
	behavior:url(../css/htc/iepngfix.htc);
}

.hatena_text {
	padding:2px 6px 2px 6px;
    width:486px;
	background-color:#494546;	
	color:#a99e93;
	font-size:12px;
	line-height:17px;
	text-align:left;
}

.hatena_text .border {
	margin:5px 0 5px 0;
	width:484px;
	height:1px;
	border-bottom:1px dotted #ffffff;
	display:block;
}

.hatena_text b {
	color:#ffffff;
    font-weight:normal;
}

.hatena_text em {
    color:#ffcc33;
    font-style:normal;
}

.hatena_bottom {
    width:498px;
    height:4px;
	background:url(../img/cc_hatena_bottom.png) no-repeat;
	behavior:url(../css/htc/iepngfix.htc);
}

#nav {
    margin:5px 0 5px 0;
    padding:0;
    font-size:14px;
    float:right;
}


#nav li {
    margin: 2px;
    padding: 4px;
	border:1px solid #ffffff;
	float:left;
	cursor:pointer;
}

#nav .now {
	background:url(../img/cc_button_bg.png) repeat;
	border:1px solid #ffcc33;
	cursor:default;
}

#nav a {
    margin: 2px;
    padding: 4px;
	border:1px solid #ffffff;
}

#nav a:hover {
	text-decoration:none;
	border:1px solid #ffcc33;
}

#nav .highlight{
	background:url(../img/cc_button_bg.png) repeat;
	border:1px solid #ffcc33;
}

.bar {
	margin:3px 7px 0 8px;
	width:245px;
	height :9px;
	background:url(../img/cc_bar_line.png) repeat;
	display:block;
}

#cloud {
	margin:0 5px 10px 5px;
	padding:5px;
	width:240px;
	line-height:1.5em;
	text-align:left;
	display:block;
}

#cloud a:hover {
	color:#ffc000;
}

#adsense {
	margin-bottom:10px;
	display:block;
}

#info {
	margin:0 5px 10px 5px;
	padding:5px;
	width:240px;
	font-size:10px;
	line-height:1.5em;
	text-align:left;
	display:block;
}

#info .address {
	margin:2px 0 0 0;
	width:120px;
	height:16px;
	background:url(../img/cc_address.png);
	behavior: url(../css/htc/iepngfix.htc);
}

#footer {
	margin: 15px auto 0 auto;
	width:800px;
	background-color:#fff;
    border-top:1px solid #4e4b4f;
}