@charset "utf-8";

/* Begin Typography & Colors */
*{
	margin:0px;
	padding:0px;
}

body{
	font-family:"ＭＳ ゴシック", "Osaka－等幅";
	font-weight:normal;
	background-color:#FFFFFF;
	color:#000000;
}

a{outline:0;}
a:link{color:#F553A7; text-decoration:none;}/* unvisited link */
a:visited{color:#F553A7; text-decoration:none;}/* visited link */
a:hover{color:#F553A7;text-decoration:underline;}/* mouse over link */
a:active{color:#F553A7; text-decoration:none;}/* selected link */

img{border:none;}
ul{list-style:none;}
ol{list-style:none;}

h1,h2,h3,h4,h5{font-size:1em; font-weight:normal;}

.attention{color:#FF0000;}

.clear_left{clear:left;}
.clear_both{clear:both;}


/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/******************************
* common
******************************/
#wrapper{
	width:908px;
	margin:55px auto 79px;
	padding:0px;
	text-indent:-9999px;
	font-size:0px;
}

#header{
	margin-bottom:18px;
}
#header ul li{
	float:left;
}
#header ul li a{
	background:url(../images/common_glovalnavi.jpg) top left no-repeat;
	text-indent:-9999px;
	display:block;
	height:26px;
}
#header ul li#nav_01 a{
	width:86px;
	background-position:0px 0px;
}
#header ul li#nav_02 a{
	width:336px;
	background-position:-86px 0px;
}
#header ul li#nav_03 a{
	width:160px;
	background-position:-422px 0px;
}
#header ul li#nav_04 a{
	width:166px;
	background-position:-582px 0px;
}
#header ul li#nav_05 a{
	width:160px;
	background-position:-748px 0px;
}

#header ul li#nav_01.current a{background-position:0px -26px;}
#header ul li#nav_02.current a{background-position:-86px -26px;}
#header ul li#nav_03.current a{background-position:-422px -26px;}
#header ul li#nav_04.current a{background-position:-582px -26px;}
#header ul li#nav_05.current a{background-position:-748px -26px;}

#header ul li#nav_01 a:hover{background-position:0px -26px;}
#header ul li#nav_02 a:hover{background-position:-86px -26px;}
#header ul li#nav_03 a:hover{background-position:-422px -26px;}
#header ul li#nav_04 a:hover{background-position:-582px -26px;}
#header ul li#nav_05 a:hover{background-position:-748px -26px;}

#content{
	clear:left;
	width:850px;/*908px -16px -52px*/
	border:#C80000 8px solid;
	padding:26px;
	padding-right:16px;
	padding-bottom:25px;
	/*-----ie6,7ハック-----*/
	/padding-bottom:0px;
}

#content #left_col{float:left;}
#content #right_col{float:left;}

#img_01{text-indent:0px;}

.buy_btn{
	float:right;
}
.buy_btn a{
	display:block;
	width:138px;
	height:36px;
	background:url(../images/common_btn_buy.jpg) top left no-repeat;
}

/******************************
* top
******************************/
#top #content{
	width:892px;
	height:575px;
	background:url(../images/top_img_01.jpg) top left no-repeat;
	padding:0px;
}
#top #left_col{
	padding-top:19px;
	padding-left:33px;
}
#top #logo{
	width:200px;
	height:110px;
	background:url(../images/top_logo.jpg) top left no-repeat;
}
#top #right_col{
	padding-top:19px;
	padding-left:62px;
}
#top h1{
	width:580px;
	height:40px;
	background:url(../images/top_title.jpg) top left no-repeat;
}
#top #text_01{
	width:580px;
	height:80px;
	background:url(../images/top_text_01.jpg) top left no-repeat;
}
#top #text_02{
	width:497px;
	height:58px;
	background:url(../images/top_text_02.jpg) top left no-repeat;
}
#top .buy_btn{
	padding-top:375px;
	padding-right:24px;
}

/******************************
* message
******************************/
#message #logo{
	width:200px;
	height:80px;
	background:url(../images/common_logo.jpg) top left no-repeat;
	margin-left:318px;
	margin-bottom:24px;
}

#message #left_col{
	padding-left:22px;
}
#message h1{
	width:420px;
	height:80px;
	background:url(../images/message_title.jpg) top left no-repeat;
	margin-bottom:10px;
}
#message #text_01{
	width:420px;
	height:310px;
	background:url(../images/message_text_01.jpg) top left no-repeat;
}

#message #right_col{
	width:365px;
	padding-top:54px;
	padding-left:35px;
}
#message #img_01{
	text-indent:0px;
	padding-bottom:62px;
}
#message .buy_btn{
	/*-----ie6,7ハック-----*/
	/padding-bottom:1px;
}


/******************************
* love
******************************/
#love #logo{
	width:200px;
	height:110px;
	background:url(../images/love_logo.jpg) top left no-repeat;
	margin-left:318px;
	margin-bottom:22px;
	margin-top:-1px;	
}

#love #left_col{
	padding-left:20px;
}

#love #right_col{
	width:417px;
	padding-top:7px;
	padding-left:15px;
}
#love h1{
	width:380px;
	height:100px;
	background:url(../images/love_title.jpg) top left no-repeat;
}
#love #text_01{
	width:380px;
	height:142px;
	background:url(../images/love_text_01.jpg) top left no-repeat;
}
#love #text_02{
	love:380px;
	height:67px;
	background:url(../images/love_text_02.jpg) top left no-repeat;
	padding-bottom:41px;
}
#love .buy_btn{
	/*-----ie6,7ハック-----*/
	/padding-bottom:3px;
}


/******************************
* all
******************************/
#all #logo{
	width:200px;
	height:110px;
	background:url(../images/all_logo.jpg) top left no-repeat;
	margin-left:318px;
	margin-bottom:24px;
}

#all #left_col{
	padding-left:20px;
}

#all #right_col{
	width:417px;
	padding-top:10px;
	padding-left:15px;
}
#all h1{
	width:380px;
	height:96px;
	background:url(../images/all_title.jpg) top left no-repeat;
}
#all #text_01{
	width:380px;
	height:124px;
	background:url(../images/all_text_01.jpg) top left no-repeat;
}
#all #text_02{
	width:380px;
	height:80px;
	background:url(../images/all_text_02.jpg) top left no-repeat;
	padding-bottom:44px;
}
#all .buy_btn{
	/*-----ie6,7ハック-----*/
	/padding-bottom:1px;
}

/******************************
* about
******************************/
#about #content{
	/*-----ie6,7ハック-----*/
	/padding-bottom:23px;
}

#about #logo{
	width:200px;
	height:80px;
	background:url(../images/common_logo.jpg) top left no-repeat;
	margin-left:318px;
	margin-bottom:24px;
}
#about #text_area{
	text-indent:0px;
	margin-left:60px;
}
#about #text_area textarea{
	width:700px;
	height:418px;
	font-size:12px;
	border:#CCCCCC 1px solid;
	padding-left:10px;

	/*scrollbar-arrow-color:#999999;
	scrollbar-face-color:#666666;
	scrollbar-highlight-color:#999999;
	scrollbar-shadow-color:#999999;
	scrollbar-3dlight-color:#999999;
	scrollbar-darkshadow-color:#999999;
	scrollbar-track-color:#FFFFFF;
	*/
	
	line-height:140%;
}