@charset"utf-8";



/***********************************************/

/* CSS file For yagi creative, Inc.            */

/* FileName: contens.css                       */

/* data:2009                                   */

/***********************************************/





/* base -----------------------------------------*/





body {

	background-image:url(../images/c_bg.gif);

	background-repeat:repeat-x;

	background-position:top left;

	color: #333;

	margin: 0;

	padding: 0;

	font-size: 12px;

	font-family: Verdana, Arial, Helvetica, sans-serif, "Hiragino Maru Gothic Pro", "Osaka", "lroSVbN";

	line-height:180%;

}



#top_area {

	width:956px;

	height:400px;

	margin:auto;

	padding:0px;

	background-color:#FFFFFF;

}



#wrapper {

	width:960px;

	margin:auto;

}



#contents {

	float:left;

	width:700px;

	padding:5px 0px 0px 0px;

}



h1 {

font-size: 12pt;

margin: 0;

padding: 0;

}



h2, h3, h4 {

font-size: 14px;

margin: 0;

padding: 0;

}



.font_verdana {

	font-family:Verdana;

}



.font_gray11 {

	color:#7F7F7F;

	font-size:11px;

}



.sp200{

margin:0px;

padding:200px 0px 0px 0px;

display: block;

}



/* link -----------------------------------------*/





a:link {

	color: #31b8d0;

	text-decoration: none;

}

a:visited {

	color: #31b8d0;

	text-decoration: none;

}

a:hover {

	color: #7F7F7F;

	text-decoration: underline;

}

a:active {

	color: #7F7F7F;

	text-decoration: underline;

}





/* header -----------------------------------------*/





#header {

	width:960px;

	height:101px;

}



#header .logo {

	float:left;

	width:322px;

	height:99px;

	padding-top:0px;

}



#header .tel {

	float:left;

	width:223px;

	height:42px;

	padding:25px 0px 0px 415px;

}



#header .links {

	float:left;

	width:510px;

	height:25px;

	line-height:15px;

	padding-top:9px;

	font-size:12px;

	text-align:right;

}



#header .links a:link {

	color: #7F7F7F;

	text-decoration: none;

}

#header .links a:visited {

	color: #7F7F7F;

	text-decoration: none;

}

#header .links a:hover {

	color: #31b8d0;

	text-decoration: underline;

}

#header .links a:active {

	color: #31b8d0;

	text-decoration: underline;

}



#header .contact {

	float:right;

	width:113px;

	height:34px;

}



#header .contact a.bt_contact {

	width:113px;

	height:27px;

	display:block;

	background-image:url(../images/contact.gif);

	background-position:top left;

	background-repeat:no-repeat;

}

#header .contact a.bt_contact:hover {

	background-position:top right;

}





/* pankuzu -----------------------------------------*/





#pankuzu {

	width:960px;

	height:25px;

	line-height:25px;

	color:B3B3B3;

	font-size:11px;

}



#pankuzu a:link {

	color: #31b8d0;

	text-decoration: none;

}

#pankuzu a:visited {

	color: #31b8d0;

	text-decoration: none;

}

#pankuzu a:hover {

	color: #7F7F7F;

	text-decoration: underline;

}

#pankuzu a:active {

	color: #7F7F7F;

	text-decoration: underline;

}





/* mainmenu -----------------------------------------*/





#main_menu {
	width:960px;
	height:60px;
	padding-top:10px;

}



#main_menu a {
	float:left;
	width:192px;
	height:57px;
	display:block;
	background-position:top left;
	background-repeat:no-repeat;

}



#main_menu img {
	float:left;
	width:192px;
	height:57px;
	display:block;

}



#main_menu a:hover {
	background-position:top right;
}

#main_menu a.bt_menu01 {
	background-image:url(../images/menu01.jpg);
}

#main_menu a.bt_menu02 {
	background-image:url(../images/menu02.jpg);
}

#main_menu a.bt_menu03 {
	background-image:url(../images/menu03.jpg);
}

#main_menu a.bt_menu04 {
	background-image:url(../images/menu04.jpg);
}


#main_menu a.bt_menu05 {
	background-image:url(../images/menu05.jpg);
}



#main_menu a.bt_menu01:hover {
	background-image:url(../images/menu01_o.jpg);
}

#main_menu a.bt_menu02:hover {
	background-image:url(../images/menu02_o.jpg);
}

#main_menu a.bt_menu03:hover {
	background-image:url(../images/menu03_o.jpg);
}

#main_menu a.bt_menu04:hover {
	background-image:url(../images/menu04_o.jpg);
}


#main_menu a.bt_menu05:hover {
	background-image:url(../images/menu05_o.jpg);
}





/* footer -----------------------------------------*/





#footer {

	width:100%;

	height:320px;

	background-image:url(../images/footer_bg.gif);

	background-repeat:repeat-x;

	background-position:bottom left;

}



#footer_wrapper {

	width:960px;

	height:320px;

	margin:auto;

	text-align:center;

}



#footer_wrapper .page_top_area {

	float:right;

	width:94px;

	height:60px;

	padding:0px 15px 0px 6px;

}



#footer_wrapper .links {

	width:960px;

	height:50px;

	color:#FFFFFF;

}



#footer_wrapper .links a:link {

	color: #FFFFFF;

	text-decoration: none;

}

#footer_wrapper .links a:visited {

	color: #FFFFFF;

	text-decoration: none;

}

#footer_wrapper .links a:hover {

	color: #FFFFFF;

	text-decoration: underline;

}

#footer_wrapper .links a:active {

	color: #FFFFFF;

	text-decoration: none;

}





/* contens -----------------------------------------*/





#contents .main {

	width:680px;

	padding:10px 10px 0 10px;

}



#contents .main .box {

	width:680px;

}



#contents .main a:link {

	color: #31b8d0;

	text-decoration: none;

}

#contents .main a:visited {

	color: #31b8d0;

	text-decoration: none;

}

#contents .main a:hover {

	color: #7F7F7F;

	text-decoration: underline;

}

#contents .main a:active {

	color: #7F7F7F;

	text-decoration: none;

}



#contents .main .box a:link {

	color: #31b8d0;

	text-decoration: none;

}

#contents .main .box a:visited {

	color: #31b8d0;

	text-decoration: none;

}

#contents .main .box a:hover {

	color: #7F7F7F;

	text-decoration: underline;

}

#contents .main .box a:active {

	color: #7F7F7F;

	text-decoration: none;

}



#contents .main .box .photo {

	float:left;

	width:120px;

	height:83px;

}



#contents .main .box .photo img {

	border:1px solid #D9D9D9;

}



#contents .main .box .title {

	float:right;

	width:300px;

	font-weight:bold;

}



#contents .main .box .price {

	float:right;

	width:300px;

	padding:2px 0px 2px 0px;

}



#contents .main .box .comment {

	float:right;

	width:300px;

	padding:10px 0 30px 0;

}



#contents .main .box .link {

	float:right;

	text-align:right;

	width:300px;

}



#contents .bt_main_area {

	width:470px;

	padding:0px;

	background-color:#333333;

	margin-bottom:0px;

}



.main_links {

	float:right;

	width:690px;

	height:25px;

	line-height:15px;

	margin:20px 0 0 0;

	padding-top:9px;

	font-size:12px;

	text-align:right;

}



.main_links a:link {

	color: #7F7F7F;

	text-decoration: none;

}

.main_links a:visited {

	color: #7F7F7F;

	text-decoration: none;

}

.main_links a:hover {

	color: #31b8d0;

	text-decoration: underline;

}

.main_links a:active {

	color: #31b8d0;

	text-decoration: underline;

}





/* left contens -----------------------------------------*/





#left_area {

	float:left;

	width:230px;

	padding:18px 25px 0px 0px;

}



#left_area .salespoint {

	width:210px;

	border:5px solid #F2F2F2;

	padding:5px 5px 15px 5px;

	margin-bottom:12px;

}



#left_area .salespoint .text {

	width:205px;

	line-height:21px;

	font-size:12px;

	padding-top:10px;

	margin-left:5px;

}



#left_area .salespoint .text img {

	margin-top:7px;

}



#left_area .salespoint a:link {

	color: #31b8d0;

	text-decoration: none;

}

#left_area .salespoint a:visited {

	color: #31b8d0;

	text-decoration: none;

}

#left_area .salespoint a:hover {

	color: #7F7F7F;

	text-decoration: underline;

}

#left_area .salespoint a:active {

	color: #7F7F7F;

	text-decoration: underline;

}