/* CSS Document */

h1,h2,dl,dt,dd,ol,ul,li,a,img {
	margin: 0;
	padding: 0;
	border: 0;
}

li {
	list-style-type:none;
}

body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    text-align: center;
}

/* 上段設定 */

#img01 {
    margin: 0;
    padding: 0;
    background-image:url(../img/img_01.jpg);
    background-position: top center;
    height: 392px;
}

#header_area {
    background-image:url(../img/header_bg.gif);
    background-repeat:repeat-x;
    height: 49px;
    overflow: hidden;
}

#header {
	width: 980px;
    margin: 0 auto;
    padding: 10px 0 0 0;
    position:relative;
    clear: both;
}

#header ul {
    margin: 0 0 0 20px;
}

#header ul li{
    float: left;
    padding: 0 12px 0 0;
}

#header ul li.mixi {
    float: left;
    padding: 0 26px 0 0;
}

#header ul li.top_btn {
    float: left;
    padding: 0 ;
}

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

#btn_area_top {
	padding: 43px 0;
	clear: both;
	overflow: hidden;
}

#btn_area_top li {
	float: left;
	padding: 0 27px 0 0;
}

#btn_area_top li.right {
	float: left;
	padding: 0;
}

#btn_area_bottom {
	padding: 43px 0 43px 93px;
	clear: both;
	overflow: hidden;
    background-image:url(../img/line_01.gif);
    background-position: top center;
    background-repeat:no-repeat;
}

#btn_area_bottom li {
	float: left;
	padding: 0 42px 0 0;
}

#brand_list {
	width: 612px;
	float: left;
	margin: 0 0 30px 0;
}

#brand_list li.brand_space {
	width:194px;
	padding: 0 0 0 10px;
	float: left;
	font-size: 12px;
	line-height: 20px;
	font-family: Arial,MS UI Gothic;
	text-align: left;
}

#brand_list li.brand_space a {
	color: #000000;
	text-decoration: none; 
}

#brand_list li.brand_space a:hover {
	color: #000000;
	text-decoration: underline; 
}

#brand_list li.brand_space li.alphabet {
	padding: 13px 0 8px 0;
}

#item_list {
	width: 172px;
	float: right;
}

#item_list dd {
	padding: 8px 0 0 0;
}

#item_list li {
	font-size: 12px;
	line-height: 24px;
	font-family: Arial,MS UI Gothic;
	color: #000000;
	text-align: left;
	padding: 0 0 0 10px;
}

#item_list li  a {
	color: #000000;
	text-decoration: none; 
}

#item_list li a:hover {
	color: #000000;
	text-decoration: underline; 
}

#color_list {
	clear: both;
}

#color_list li {
	float: left;
	padding: 54px 0 34px 24px;
}

#procedure {
    width: 980px;
    height: 359px;
    overflow: hidden;
    background-image:url(../img/procedure.jpg);
    background-repeat:no-repeat;
    margin: 0 auto;
    padding: 0;
    position:relative;

}

span.member_link {
    top: 65px;
    left: 160px;
    position: absolute;
    z-index: 1;
}

span.logo {
    top: 10px;
    left: 772px;
    position: absolute;
    z-index: 1;
}

span.member{
    top: 335px;
    left: 97px;
    position: absolute;
    z-index: 1;
}

span.procedure{
    top: 292px;
    left: 455px;
    position: absolute;
    z-index: 1;
}

span.agreement{
    top: 330px;
    left: 455px;
    position: absolute;
    z-index: 1;
}

span.kochira{
    top: 125px;
    left: 457px;
    position: absolute;
    z-index: 1;
}

span.selecsonic {
    top: 13px;
    left: 800px;
    position: absolute;
    z-index: 1;
}

span.procedure{
    top: 105px;
    left: 568px;
    position: absolute;
    z-index: 1;
}

span.here {
    top: 318px;
    left: 350px;
    position: absolute;
    z-index: 1;
}

/* 下段設定 */
.title_list {
	background-image: url(../img/title_list.jpg);
	background-repeat: no-repeat;
	height: 51px;
	clear: both;
	text-indent: -9999px;
}


#bottom {
	background-image: url(../img/list_bg.jpg);
	padding: 30px 0 0 0;
}

.list_category {
	margin: 0 auto;
	padding: 0 0 16px 0;
}

.brand_list {
	width: 980px;
	margin: 0 auto 0 0;
	padding: 0 0 0 64px;	
}

.brand_list ul {
	clear: both;
	overflow: hidden;
	*height: 100%;
	margin: 0;
	padding: 0;
}

.brand_list li {
	width: 112px;
	display: block;
	float: left;
	text-align: center;
	padding: 0 12px 12px 0;
	font-size: 10px;
	color: #ED3655;
}


.brand_list a:hover img {
	border-bottom: 5px solid #000000;
}

.brand_list a:hover li { /*FF用設定*/
	height: 35px;
	display: block;

}

.brand_list li a{ /*IE用設定*/
	height: 40px;
	display: block;

}

.brand_list li a:hover{ /*IE用設定*/
	*height: 35px;
	display: block;

}
.bland img,
.bland_right img {
	margin: 20px 0 0 0;
	*margin: 20px 0 0 0;
}

.title_event {
	margin: 40px 0 15px 0;
}

#footer_area {
    height: 44px;
    background-color: #000000;
    margin: 50px 0 0 0;
}

#footer {
    width: 980px;
    height: 44px;
    overflow: hidden;
    background-image:url(../img/footer.jpg);
    background-repeat:no-repeat;
    margin: 0 auto;
    padding: 0;
    position:relative;
}

.clear {
	clear: both;
}

a img.css-hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

a:hover img.css-hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

#allsearch {
	width: 213px;
	margin: 20px auto;
	clear: both;
	border: 1px solid #d7d4d6;
}

/* ご利用規約 */
#window {
	width: 600px;
	padding: 40px 0;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
	background-color: #f9a44b;
}

#agreement {
	padding: 20px;
	background-color: #ffffff;
}

#window p {
	margin: 15px 0 0 0;
}

p.bold {
	font-weight: bold;
	font-size: 14px;
}

#close {
	text-align: center;
	margin: 20px auto 0 auto;
}

#search img {
	border: 1px solid #c6c6c6;
}