@charset "shift_JIS";

/****** CONTENTS ***************************************

	1: body and base setting
	2: link setting
	3: layout
	4: common parts
	5: main
	6: side navi
	7: module

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

/****** 1: body and base setting **********************/

body{
	text-align:center;/* box centering */
	font: normal 75% 'ＭＳ Ｐゴシック',sans-serif;
	margin: 0px;
	padding: 0px;
	color:#333;
	}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	margin: 0;
	padding: 0;
	line-height: 1.5;/* base line height */
	text-align: left;
	display: block;
	}

table {
	margin : 0;
	empty-cells: show;
	border-collapse:collapse;
	border-spacing:0;

	}

hr{
	display : none;
	}

img {
	border: none;
	}

li {
	list-style: none;
	}

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{
	cursor:help;
	border-bottom: dotted 1px;
	}

/****** 2: link setting *******************************/

a:link		{ color:#4c3127; text-decoration:none; }
a:visited	{ color:#ff7700; text-decoration:none; }
a:hover	{ color:#ff7700; text-decoration:underline; }
a:active	{ color:#ff7700; text-decoration:underline; }


#side a:link		{ color:#4c3127; text-decoration:none; }
#side a:visited	{ color:#ff7700; text-decoration:none; }
#side a:hover		{ color:#ff7700; text-decoration:underline; }
#side a:active	{ color:#ff7700; text-decoration:underline; }

#topic_path a:link	{ color: #993333; text-decoration:none; }
#topic_path a:visited	{ color: #5398a6; text-decoration:none; }
#topic_path a:hover	{ color: #ff2000; text-decoration:underline; }
#topic_path a:active	{ color: #ff2000; text-decoration:underline; }

/****** 3: layout ************************************/

#wrapper{
	text-align:center;
	}

#content{
	width:920px;
	margin:0 auto;
	padding:0 0 5px 0;
	text-align:left;
	}

html*#content{
	padding:0 0 5px 0;
	//padding:0 0 0px 0;
	}
	
#content_set {
	background:#E5E5E5;
}
	
#main{
	float:left;
	width:685px;
	padding-right:15px;
	font-size:100%;
	background:#FFFFFF;
	}

#side{
	position:relative;
	float:right;
	width:200px;
	padding:10px;
	font-size:100%;
	}
	
	

/****** 4: common parts *************************************/

#topic_path{
	margin:7px 0 20px 0;
	font-size:80%;
	}

.bt_bnlist{
	padding:10px;
	text-align:right;
	}

.tc{ text-align:center;}
.tr{ text-align:right;}

a.cssover{
	display:block;
	}

a.cssover:link		{ border:1px solid #7a533a;}
a.cssover:visited	{ border:1px solid #7a533a;}
a.cssover:hover		{ border:1px solid #9bd01a;}
a.cssover:active	{ border:1px solid #9bd01a;}


/****** 5: main *************************************/

#main .box {
	width:683px;
	border:#B2B2B2 solid 1px;
	margin-bottom:10px;	
}

#main .box p {
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;	
}

#main .box .left {
	float:left;
	width:316px;
	display: inline;
	margin-left:19px;
}

#main .box .right {
	float:right;
	width:316px;
	display: inline;
	margin-right:19px;
}

#main div.section h2 {
	padding:5px 0 10px 0;
}

#main div.section p {
	margin:0 0 10px 24px;
}

#main h3 {
 margin-bottom:10px;
}


/* 共通：カテゴリーbox */

#main #graphic_w {
	width:683px;
	border:#BD9AD2 solid 1px;
}

#main #life_w {
	width:683px;
	border:#C4A3AA solid 1px;
}

#main #products_w {
	width:683px;
	border:#B4B3DB solid 1px;
}
	
#main #brand_w {
	width:683px;
	border:#A1BBB2 solid 1px;
}


#main #graphic_w a.title,
#main #life_w a.title,
#main #products_w a.title,
#main #brand_w a.title {
	display:block;
	width:683px;
	height:34px;
}

#main #graphic_w a.title {
	background:url(../img/btn_graphic_w_o.gif) 0 0 no-repeat;
	}

#main #life_w a.title {
	background:url(../img/btn_life_w_o.gif) 0 0 no-repeat;
	}

#main #products_w a.title {
	background:url(../img/btn_products_w_o.gif) 0 0 no-repeat;
	}

#main #brand_w a.title {
	background:url(../img/btn_brand_w_o.gif) 0 0 no-repeat;
	}


#main #brand_w a.title:hover,
#main #products_w a.title:hover,
#main #life_w a.title:hover,
#main #graphic_w a.title:hover {
	background-color:#FFFFFF;
}

#main #brand_w a.title:hover img,
#main #products_w a.title:hover img,
#main #life_w a.title:hover img,
#main #graphic_w a.title:hover img {
	visibility:hidden;
}

/* TOP：テーブルレイアウト設定 */

#main .cate {
	width:645px;
	margin:0 19px;
}

#main .cate_img {
	margin:0 17px 12px 0;
}


/* ダウンロードページ */

/* ノーマル版 */

#main ul.w_list {
	width:664px;
	margin:0 0 15px 19px;
}


#main ul.w_list li.size {
	float:left;
	margin:0 10px 10px 0;
	width:150px;
}

#main ul.w_list li.size img {
	width:150px;
	height:120px;
}

/* for Safari3 */
body:first-of-type #main ul.w_list li.size img {
	margin-bottom:4px;
}


#main ul.w_list li.size ul {
	margin-bottom:5px;
	
}

#main ul.w_list li.size ul li {
	width:150px;
	border-bottom:#C3A4A9 1px dotted;
	padding-left: auto;
	padding-right: auto;
	margin-bottom:3px;
	text-align: center;
	
}

#main ul.w_list li ul li a {
	display:block;
	
}

/* ワイド版 */

#main ul.w_list_w {
	width:664px;
	margin:0 0 15px 19px;
}


#main ul.w_list_w  li.size {
	float:left;
	margin:0 10px 10px 0px;
	width:180px;
}

#main ul.w_list_w  li.size img {
	width:180px;
	height:113px;
}

/* for Safari3 */
body:first-of-type #main ul.w_list_w  li.size img {
	margin-bottom:4px;
}


#main ul.w_list_w  li.size ul {
	margin-bottom:5px;
	
}

#main ul.w_list_w  li.size ul li {
	width:180px;
	border-bottom:#C3A4A9 1px dotted;
	padding-left: auto;
	padding-right: auto;
	margin-bottom:3px;
	text-align: center;
	
}

#main ul.w_list li ul li a {
	display:block;
	
}

#main ul.kanren_list {
	width:640px;
	margin:0 0 5px 20px;
	padding:0;
}

#kanren #january dl.kanren_list dt{
    height: 34px;
	width:166px;
}

#kanren #february dl.kanren_list dt{
    height: 34px;
	width:166px;
}


#kanren #january dl.kanren_list dd,
#kanren #february dl.kanren_list dd,
#kanren #march dl.kanren_list dd{
    height:35px;
	width:450px;
	margin-left:195px;

	}
{
   height:36px;
	width:450px;
	margin-left:195px;
	}

#main ul.kanren_list li {
/*	margin-bottom:15px;　*/
	margin-bottom:10px;
}

#main dl {   
 width:640x;  
}  
#main dt {  
 float:left;  
 width:40px;  
 padding:0 0 10px 19px;  
 clear:both;  
}  
#main dd {  
 height:34px;
 margin-left:69px;
 padding:8px 0 0 0;
}  

#main #share {
	width:685px;
	margin:0 0 30px;
	padding-top:10px;
	border-top:#999999 1px dotted;
}


#main #dl {
	width:685px;
	margin:15px 0;
	padding-top:8px;
	border-top:#999999 1px solid;
}

#main #dl a.win:link		{ color:#0000FF; text-decoration:none; font-weight:bold; }
#main #dl a.win:visited	{ color:#0000FF; text-decoration:none; font-weight:bold; }
#main #dl a.win:hover		{ color:#0000FF; text-decoration:underline; font-weight:bold; }
#main #dl a.win:active	{ color:#0000FF; text-decoration:underline; font-weight:bold; }

#main #dl a.mac:link		{ color:#FF0000; text-decoration:none; font-weight:bold; }
#main #dl a.mac:visited	{ color:#FF0000; text-decoration:none; font-weight:bold; }
#main #dl a.mac:hover		{ color:#FF0000; text-decoration:underline; font-weight:bold; }
#main #dl a.mac:active	{ color:#FF0000; text-decoration:underline; font-weight:bold; }




/****** 6: side navi *************************************/

#side h2 {
	margin:0 0 10px 0;
}

#side #graphic_s {
	width:198px;
	border:#BD9AD2 solid 1px;
	background:#FFFFFF;
	margin-bottom:10px;
}

#side #graphic_s a.title {
	display:block;
	width:198px;
	height:32px;
	margin-bottom:10px;
	background:url(../img/btn_graphic_s_o.gif) 0 0 no-repeat;
	}

#side #life_s {
	width:198px;
	border:#C4A3AA solid 1px;
	background:#FFFFFF;
	margin-bottom:10px;
}

#side #life_s a.title {
	display:block;
	width:198px;
	height:44px;
	margin-bottom:10px;
	background:url(../img/btn_life_s_o.gif) 0 0 no-repeat;
	}
	
#side #products_s {
	width:198px;
	border:#B4B3DB solid 1px;
	background:#FFFFFF;
	margin-bottom:10px;
}

#side #products_s a.title {
	display:block;
	width:198px;
	height:32px;
	margin-bottom:10px;
	background:url(../img/btn_products_s_o.gif) 0 0 no-repeat;
	}
	
#side #brand_s {
	width:198px;
	border:#A1BBB2 solid 1px;
	background:#FFFFFF;
	margin-bottom:10px;
}

#side #brand_s a.title {
	display:block;
	width:198px;
	height:32px;
	margin-bottom:10px;
	background:url(../img/btn_brand_s_o.gif) 0 0 no-repeat;
	}


#side #brand_s a.title:hover,
#side #products_s a.title:hover,
#side #life_s a.title:hover,
#side #graphic_s a.title:hover {
	background-color:#FFFFFF;
}

#side #brand_s a.title:hover img,
#side #products_s a.title:hover img,
#side #life_s a.title:hover img,
#side #graphic_s a.title:hover img {
	visibility:hidden;
}

#side p {
	margin-bottom:7px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
/****** 7: module *************************************/

/* clearfix */
.clear:after {
	content:"";
	display:block;
	clear:both;
	}

	/* for IE6 */
	* html .clear {
		display:inline-block;
		}
	
	/* for IE7 */
	*+html .clear {
		display:inline-block;
		}

/****** 8: etc *************************************/
.line {
	text-decoration: line-through;
}

.CenterAdjust {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}