@charset "utf-8";



/*



Theme Name: Purehuman



Theme URI: http://www.abfactory.ne.jp/



Description: ピュアヒューマン



Version: 1.6



Author: Abfactory



Author URI: http://www.abfactory.ne.jp/



*/







body {

	margin: 0;

	padding: 0;

	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

         background: #ccc url(images/body_bg.jpg) repeat-y 50% 0;

	}







#container {

	background-color: #fff;

	margin: 0 auto;

	padding: 0;

	width: 898px;

	border: 1px solid #999;

	font-size: 85%;

	}







#header {

	margin: 0 0 10px 0;

	padding: 0;

	height: 65px;

	border-top: 5px solid #030354;

	background: url(images/head_bg.jpg) no-repeat;

	}



#header p.logo {

	width: 175px;

	height: 30px;

	margin: 0;

	padding: 0;

	background: url(images/logo.jpg) no-repeat;

	position: relative;

	top: 28px;

	text-indent: -9999px;

}







#header p.logo a {

	width: 100%;

	height: 100%;

	display: block;

	outline-width: 0;

}







.description {

	float:right;

         position: relative;

         top: 10px;

         left: -10px;

}



.description p {

	text-align: right;

	margin: 0 0 5px 0;

	padding: 0;

         font-size: 0.9em;

}







ul#menu,

ul#new {
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

	padding: 0;

	margin: 0;

	clear: both;

}





ul#menu li {

	float: left;

	padding: 0;

	margin: 0;

	list-style-type: none;

}



ul#menu li img {

	vertical-align: bottom;

}



div.kuzu {

	background: #ebebeb;

	font-size: 85%;

	padding: 5px 10px;

	margin: 2px 0;

	border-bottom: 2px solid #030354;

	vertical-align: middle;

}



.main-content {

	float: right;

	padding: 0;

	margin: 0 25px 0 15px;

         _margin: 0 12px 0 12px;

	width: 620px;

}



#page_style p {

         padding: 0 10px 20px 10px;

}



.top_image {

	vertical-align: top;

	margin: 0;

	padding: 0;

}



.maker_image h1{

	vertical-align: top;

	margin: 10px 0 0 0;

	padding: 0;

}







p.top_pr {

	font-size: 90%;

	margin: 10px 0 20px;

	paddign: 0;

}



#new {

	margin: 0 0 60px 0;

	_margin: 0 0 40px 0;

}





#new img{

	vertical-align: middle;

}



#series_info {

	margin: 20px 0 60px 0;

	_margin: 20px 0 40px 0;

}



#series_info img {

	vertical-align: middle;

}



li.new_text {

	margin: 0;

	padding: 0;

}



.clear {

	clear: both;

}



#footer {

	padding: 0;

	margin: 0 auto;

	clear: both;

         border: 1px solid #ccc;

	}







#footer p {

	margin: 0;

	padding: 0;

	text-align: center;

	}



div#company_info {

	background:#E9E9EB;

	padding:10px 20px;

	font-weight:bold;

	font-size:0.85em;

	border-top:1px solid #CCCCCC;



}



div#copyright {

	text-align:center;

	font-weight:bold;

	color:#FFFFFF;

	background:#030354;

	font-size:0.85em;

	padding:5px 0;

}







div#footer {

	border:none;

}







div#footer p.go_top{

	text-align:right;

	margin: 0 25px 10px 0;

}



h1 {

	margin: 0;

	font-size: 120%;

}



h2 {

	margin: 10px 0 0;

	font-size: 120%;

}







h2.pagetitle {

	margin-top: 30px;

	text-align: center;

}







h2.article {

        margin:0;

        padding:0;

        height:27px;

        background: url('images/h2_bg.gif') no-repeat 0 0;

        padding:3px 0 0 10px;

        margin:10px 0;

        font-size:0.95em;

        color:#222269;

}









div.pagehead {

        height:80px;

        background: url('images/page_head.jpg') no-repeat 0 0;

        padding: 0 20px;

        margin: 10px 0;

        font-size:1.8em;

        vertical-align: middle;

        color:#222269;

}







div.pagehead h1{

        position: relative;

        top: 20px;

}



h3 {

	padding: 0;

	margin: 0;

	}



p img {

	padding: 0;

	max-width: 100%;

}



#sidebar{

	padding: 0;

	margin: 0 0 0 25px;

         _margin: 0 0 0 12px;

	width: 200px;

         font-size:0.95em;

	float: left;



}







#sidebar ul {

	padding: 0;

	margin: 0 0 18px 0;

	font-weight: bold;

}







#sidebar ul li {

	padding: 6px 0 6px 30px;

	_padding: 6px 0 3px 30px;

	margin: 0;

	background: url(images/delta_00.gif) no-repeat 10px 50%;

	_background: url(images/delta_00.gif) no-repeat 10px 40%;

	list-style-type: none;

	border-bottom: 1px dotted #444;

}







#sidebar ul li a{

         display:block;

}



#sidebar h2 {

	margin: 0;

	padding: 0;

}



#sidebar p{

	margin: 5px 0;

	padding: 0;

}







a:link,

a:visited,

a:hover {

         text-decoration: none;

}







.left-banner {

	float: left;

	margin-bottom: 10px;

}







.right-banner {

	float: right;

	margin-bottom: 10px;

}





.center {

	text-align: center;

}







.right {

	text-align: right;

}







.left {

	text-align: left;

}







a img {

	border: none;

}











h3.genre,

h3.article {

        margin:0;

        padding:0;

        height:27px;

        background: url('images/h3_bg.gif') no-repeat 0 0;

        padding:0 0 0 20px;

        margin:10px 0;

        font-size:0.95em;

        color:#222269;

}



h3.genre {

        font-size:1.0em;

}







.clearfix:after {

    content: ".";

    display: block;

    height: 0;

    clear: both;

    visibility: hidden;



}







.clearfix {

    zoom: 1;

}







div.product_area {

	padding:10px;

	border-bottom:1px dotted #CCC;

}







div.product_left {

	float:left;

	width:120px;

	margin-right:10px;

}







div.product_right {

	float:left;

	width:470px;

}







div.genre_title {

	margin:0;

	padding:0;

}







p.genre_description {

	margin-left:5px;

}







p.go_top {

	margin:10px 0 20px 0;

	text-align:right;

}







div.info_area {

	margin-top:10px;

	margin-bottom:20px;

}







div.info_left {

	float:left;

	width:151px;

}







div.info_right {

	float:right;

	width:450px;
	

}







div.info_area p{

         margin: 0;

}







div.info_area p.midashi{

	font-size:1.5em;

	margin: 0 0 5px;

}







div.info_area p.nomg{

	margin:0;

}







.company_table {

         width: 95%;

         margin: 0 10px;

         /* border-top: 1px solid #ccc; */

}







.company_table td {

         border-bottom: 1px dotted #ccc;

         padding: 5px;

}







.company_table th {

         width: 30%;

         text-align: left;

         border-bottom: 1px dotted #ccc;

         padding: 5px;

}







.maker_article {

         margin: 10px 0;

}







table#shipping {

        border-collapse:

        collapse;width:100%;

        margin-bottom: 20px;

}



table#shipping th,

table#shipping td {

         text-align:center;

         vertical-align:top;

         padding:4px;

}



table#shipping td {

         border:1px solid #CCC;

}



table#shipping td.price {

         background:#FCC;

}







p.qa {

         padding-bottom: 5px;

}







span.question {

         font-weight: bold;

}







div.product_area p {

         margin: 0;


}


div.product_area div.product_right {
         font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
         line-height: 150%;
         font-size: 110%;
        }




div.product_area div.product_title {

         font-weight: bold;
         font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
         line-height: 130%;
         font-size: 110%;

}


div.product_title {

         font-weight: bold;
         font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
         line-height: 130%;
         font-size: 90%;

}


h2.product_title {
        margin:0;
        padding:0;
        height:27px;
        font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
        background: url('images/h2_bg.gif') no-repeat 0 0;
        padding:3px 0 0 10px;
        margin:10px 0;
        font-size:1.1em;
        color:#222269;

}

.msp {
	font-family: "ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:1.1em;
}




div.product_area div.product_image {

         float: left;

         width: 150px;

         margin-right: 20px;

}



div.product_area div.product_image img {

         width: 150px;

}







div.product_area hr {

         display: none;

}







div.product_area div.product_text {

         float: left;


}







div.product_image {

         text-align: center;

}


div.product_image img {
	max-width:620px;
}



div.category_links {

          text-align:center;

          font-size: 0.9em;

          margin:10px 0 0 0;



}



.ladulla {

          background: url(images/ladulla_back.gif) repeat-y right;

}



.image-effest {

	float: left;

         width: 210px;

	margin-left: 10px;

	margin-bottom: 10px;

}



.text-effest {

	float: left;

         width: 370px;

	margin-left: 10px;

	margin-bottom: 10px;

}



.text-effest h4,

.text-effest p {

         margin: 5px 0;

         padding: 0;

}



div.process_area {

	padding:10px;

}







div.process_left {

	float:left;

	width:150px;

	margin-right:10px;

}







div.process_right {

	float:left;

	width:430px;

}



div.process_right h4,

div.process_right p{

	margin:0;

	padding:0;

         font-size: 0.98em;

}


div.sub_genre {
	padding:0 5px;
	border-bottom:1px solid #666666;
}


h3.graul {
	background:url(./images/graul_prefix.jpg) left center no-repeat;
	padding-left: 25px;
}

div.graul_area {
	margin-bottom:60px;
	margin-left:10px;
}


div#nav_area {
	margin-top:30px;
}


div#nav_area div.nav_left {
	float:left;
	width:45%;
}

div#nav_area div.nav_right {
	float:right;
	width:45%;
}