@charset 'UTF-8';
@import url(common.css);
@import url(navi.css);

/*---------------------------------------------------------------------------
	body
---------------------------------------------------------------------------*/
/* CSS */
body {
	font-family: "メイリオ","ＭＳ Ｐゴシック","ＭＳ ゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Arial, Helvetica, sans-serif ;
	text-align: center;
	background-color : #ffffff;
	background : url(../img/parts/body_bg.jpg) 0px 70px repeat-x;
}

#wrapper {
	width: 960px;
	margin: auto;
	text-align: left;
	padding: 0px;
	border: 0px;
}


img {
	border : none;
}
a:link {
	text-decoration: none;
	color: #588686;
}

a:visited {
	color: #588686;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #104A7A;
}


#flash-obj {
	width: 962px;
	height: 266px;
}


/* -----------------------------------------------------------------------------
>> Header
----------------------------------------------------------------------------- */

#header {
	height: 70px;
/*	line-height:1;*/
}


h1 {
/*	margin : 18px 0 0px 0;*/
	float: left;
}
#header p {
	font-size : 11px;
	padding: 4px 0 4px;
}

#headnavi-box {
	/*width : 368px;*/
	width : 470px;
	float : right;
	margin-top : 4px;
	padding: 0;
	background : url(../img/parts/search_bg.jpg) no-repeat;
	text-align: right;
}

/*----------- Header Sub-Navi -----------*/

#headnavi-box li {
	list-style: none;
	float : left;
}

#headnavi-box li a{
	float : left;
	background: url(../img/icon/liststyle01.gif) left center no-repeat;
	text-indent: 6px;
}

#headnavi-box li.red-list a {
	background: url(../img/icon/liststyle02.gif) left center no-repeat;
}
#headnavi-box a:hover {
	background: url(../img/icon/liststyle02.gif) left center no-repeat;
}


/*---------------------------------------------------------------------------
	page-title
---------------------------------------------------------------------------*/
.page-title h2 {
	clear : both;
	position : relative;
	width: 960px;
	height : 145px;
}
.page-title span{
	clear : both;
	position : absolute;
	width : 100%;
	height : 100%;
}

#title010 span{
	background : url(../img/text/titlevis010.jpg) no-repeat;
}
#title020 span{
	background : url(../img/text/titlevis020.jpg) no-repeat;
}
#title040 span {
	background : url(../img/text/titlevis040.jpg) no-repeat;
}
#title050 span {
	background : url(../img/text/titlevis050.jpg) no-repeat;
}
#title051 span {
	background : url(../img/text/titlevis051.jpg) no-repeat;
}
#title052 span {
	background : url(../img/text/titlevis052.jpg) no-repeat;
}
#title060 span {
	background : url(../img/text/titlevis060.jpg) no-repeat;
}
#title190 span {
	background : url(../img/text/titlevis190.jpg) no-repeat;
}
#title150 span {
	background : url(../img/text/titlevis150.jpg) no-repeat;
}
#title120 span {
	background : url(../img/text/titlevis120.jpg) no-repeat;
}
#title151 span {
	background : url(../img/text/titlevis151.jpg) no-repeat;
}
#title100 span {
	background : url(../img/text/titlevis100.jpg) no-repeat;
}
#title100c span {
	background : url(../img/text/titlevis100c.jpg) no-repeat;
}
#title101 span {
	background : url(../img/text/titlevis101.jpg) no-repeat;
}
#title102 span {
	background : url(../img/text/titlevis102.jpg) no-repeat;
}
#title110 span {
	background : url(../img/text/titlevis110.jpg) no-repeat;
}
#title140 span {
	background : url(../img/text/titlevis140.jpg) no-repeat;
}
#title153 span {
	background : url(../img/text/titlevis153.jpg) no-repeat;
}
#title152 span {
	background : url(../img/text/titlevis152.jpg) no-repeat;
}

#title180 span {
	background : url(../img/text/titlevis180.jpg) no-repeat;
}
#title190 span {
	background : url(../img/text/titlevis190.jpg) no-repeat;
}
#title191 span {
	background : url(../img/text/titlevis191.jpg) no-repeat;
}
#title192 span {
	background : url(../img/text/titlevis192.jpg) no-repeat;
}
#title193 span {
	background : url(../img/text/titlevis193.jpg) no-repeat;
}
#title200 span {
	background : url(../img/text/titlevis200.jpg) no-repeat;
}
#title210 span {
	background : url(../img/text/titlevis210.jpg) no-repeat;
}
#title211 span {
	background : url(../img/text/titlevis211.jpg) no-repeat;
}
#title220 span {
	background : url(../img/text/titlevis220.jpg) no-repeat;
}
#title221 span {
	background : url(../img/text/titlevis221.jpg) no-repeat;
}
#title240 span {
	background : url(../img/text/titlevis240.jpg) no-repeat;
}
#title241 span {
	background : url(../img/text/titlevis241.jpg) no-repeat;
}
#title242 span {
	background : url(../img/text/titlevis242.jpg) no-repeat;
}
#title245 span {
	background : url(../img/text/titlevis245.jpg) no-repeat;
}
#title246 span {
	background : url(../img/text/titlevis246.jpg) no-repeat;
}
#title247 span {
	background : url(../img/text/titlevis247.jpg) no-repeat;
}
#title250 span {
	background : url(../img/text/titlevis250.jpg) no-repeat;
}
#title251 span {
	background : url(../img/text/titlevis251.jpg) no-repeat;
}
#title252 span {
	background : url(../img/text/titlevis252.jpg) no-repeat;
}
#title260 span {
	background : url(../img/text/titlevis260.jpg) no-repeat;
}
#title261 span {
	background : url(../img/text/titlevis261.jpg) no-repeat;
}
#title290 span {
	background : url(../img/text/titlevis290.jpg) no-repeat;
}
#title291 span {
	background : url(../img/text/titlevis291.jpg) no-repeat;
}
#title292 span {
	background : url(../img/text/titlevis292.jpg) no-repeat;
}
#title293 span {
	background : url(../img/text/titlevis293.jpg) no-repeat;
}
#title294 span {
	background : url(../img/text/titlevis294.jpg) no-repeat;
}
#title300 span {
	background : url(../img/text/titlevis300.jpg) no-repeat;
}
#title310 span {
	background : url(../img/text/titlevis310.jpg) no-repeat;
}
#title320 span {
	background : url(../img/text/titlevis320.jpg) no-repeat;
}
#title330 span {
	background : url(../img/text/titlevis330.jpg) no-repeat;
}
#title340 span {
	background : url(../img/text/titlevis340.jpg) no-repeat;
}
#title400 span {
	background : url(../img/text/titlevis400.jpg) no-repeat;
}
#title500 span {
	background : url(../img/text/titlevis500.jpg) no-repeat;
}
#title600 span {
	background : url(../img/text/titlevis600.jpg) no-repeat;
}
#title700 span {
	background : url(../img/text/titlevis700.jpg) no-repeat;
}
#title800 span {
	background : url(../img/text/titlevis800.jpg) no-repeat;
}
#title801 span {
	background : url(../img/text/titlevis801.jpg) no-repeat;
}
#title802 span {
	background : url(../img/text/titlevis802.jpg) no-repeat;
}
#title803 span {
	background : url(../img/text/titlevis803.jpg) no-repeat;
}
#title804 span {
	background : url(../img/text/titlevis804.jpg) no-repeat;
}
#title805 span {
	background : url(../img/text/titlevis805.jpg) no-repeat;
}
#title900 span {
	background : url(../img/text/titlevis900.jpg) no-repeat;
}

.trial-gp {
	position : relative;
	z-index : 99;
	top : 15px;
	left : 725px;
}



/*---------------------------------------------------------------------------
	Content Layout
---------------------------------------------------------------------------*/
#content:after {
	content: "."; 
	display: block; 
	clear: both;
	height: 0;
	visibility: hidden;
}
#content {
	width: 960px;
	background: url(../img/parts/content_bg.gif) ;
	margin-top: 17px;
}


#contentLeft {
	width: 260px;
	float: left;
}


#contentRight {
	width: 700px;
	float: right;
	background: transparent url(../img/parts/content_bg.gif) -260px 0 repeat-y;
}



/* -------------------------------------------------------------------
	AD Banner Box
------------------------------------------------------------------- */
#bnr-box {
	clear : both;
	width : 958px;
	padding : 0;
	margin: auto;
	color: #DDDDDD;
	font-size:10px;
	margin-top: 5px;
}
#bnr-box ul {
	display: block;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
#bnr-box li {
	float:left;
	margin: 0 0px 0px 12px;
	padding: 10px 0;
	width:106px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align: left;
}
#bnr-box li.sympo { /* 期間限定：2010/01 ~ 2010/02/13 */
	margin-left: 27px;
	width: 180px;
}
*html #bnr-box li {
	margin: 0 0px 0 10px;
}
#bnr-box li  a {
	line-height: 1.2;
}
#bnr-box li img {
	margin-bottom: 2px;
}



/* -------------------------------------------------------------------
	Footer
------------------------------------------------------------------- */
#footer-wrap {
	width:100%;
	background : url(../img/parts/footer_bg.gif) repeat-x;
}

#footer {
	clear : both;
	width : 960px;
	padding : 10px 0;
	margin: auto;
	background : url(../img/parts/footerin_bg.gif) repeat-x;
	color: #DDDDDD;
}
#footer dl {
	border-right : 0px solid #DDDDDD;
	padding-left: 10px;
}
#footer dt {
	padding : 0 0 0 0px;
	font-size : 11px;
	background : url(../img/icon/anc01.png) no-repeat;	
}
#footer dt.footer-p {
	margin : 1em 0 0 0;
	font-size : 11px;
}


/*----------- Footer Address -----------*/
#add-box {
	width : 260px;
	float : right;
	text-align: left;
}
#footer h4 {
	margin : 0 0 10px 0px;
	padding: 0;
}


#footer address {
	margin-top: 8px;
	padding : 0 10px 0 0;
	font-style : normal;
	line-height : 120%;
	font-size : 12px;
}
#footer address a {
	color: #DDDDDD;
}

/*----------- Footer Copyright -----------*/
#footer-copy {
	clear : both;
	border-top: 1px solid #A9D31F;
	font-size: 12px;
	text-align: center;
	width: 100%;
	margin-top: 5px;
	color: #666666;
	padding-top: 2px;
}

/*----------- Footer Link Bnr -----------*/
.footer-link {
	display: block;
	margin-top: 50px;
}
.footer-link img {
	margin-left: 15px;
}


/* ================================================================ *
	
	Block Parts
	
 * ================================================================ */
 


/*----------- Left contact Bnr  -----------*/
.btn-contactL {
	margin-top: 20px;
	margin-bottom: 20px;
}


/*----------- Content Item -----------*/
.cont-item {
	margin-left: 35px;
	width: 630px;
	clear: both;
}
.cont-item h3 {
	font-size: 18px;
	color: #333333;
	padding-bottom: 14px;
	padding-left: 50px;
	font-weight: normal;
}



.cont-item h3.leaf {background: transparent url(../img/parts/h3_leafbg.gif) 0 bottom no-repeat;}


.h3box-01 {
	background: url(../img/parts/h3_bg01.jpg) 0 0 no-repeat;
	padding: 13px 0 0px;
	clear: both;
	zoom:1;
}
.h3box-02 {
	background: url(../img/parts/h3_bg02.jpg) 0 0 no-repeat;
	padding: 13px 0 0px;
	clear: both;
	zoom:1;
}
.h3box-03 {
	background: url(../img/parts/h3_bg03.jpg) 0 0 no-repeat;
	padding: 13px 0 0px;
	clear: both;
	zoom:1;
}
.h3box-04 {
	background: url(../img/parts/h3_bg04.jpg) 0 0 no-repeat;
	padding: 13px 0 0px;
	clear: both;
	zoom:1;
}
.h3box-05 {
	background: url(../img/parts/h3_bg05.jpg) 0 0 no-repeat;
	padding: 13px 0 0px;
	clear: both;
	zoom:1;
}
.h3box-06 {
	background: url(../img/parts/h3_bg06.jpg) 0 0 no-repeat;
	padding: 13px 0 0px;
	clear: both;
	zoom:1;
}
.h3box-07 {
	background: url(../img/parts/h3_bg07.jpg) 0 0 no-repeat;
	padding: 13px 0 0px;
	clear: both;
	zoom:1;
}
.h3sub {
	font-size: 0.7em;
	padding-left: 10px;
}
.h3sub2 {
	font-size: 0.6em;
	padding-left: 10px;
}


.cont-item h4 {
	color: #087018;
	font-size: 1em;
	line-height: 22px;
	margin: 15px 0 10px;
	padding-left: 28px;
	font-weight: normal;
	background: url(../img/parts/h4_bg_g.jpg) 0 0 no-repeat;
}

blockquote h5 {
	background: url(../img/parts/h5_bg.jpg) 0 0 no-repeat;
	padding-left: 28px;
	line-height: 19px;
}



/*----------- Content Item InBox -----------*/
.cont-item p {
	font-size: 0.8em;
	line-height: 1.7;
	margin-left: 20px;
}
.cont-item blockquote {
	border: 1px solid #C8C8C8;
	margin: 20px 0 10px 20px;
	padding: 10px 15px;
	zoom: 100%;
}

.cont-item blockquote:after {
	content: "."; 
	display: block; 
	clear: both;
	height: 0;
	visibility: hidden;
}
.cont-item blockquote p {
	padding-top: 8px;
}

.cont-item ol {
	padding : 10px 0;
}
.cont-item ol li {
	list-style : none;
	margin : 0 0 0.7em;
}



/*----------- Content Item Photo -----------*/
.photo {
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #C8C8C8;
	float:right;
	margin:0 0 5px 15px;
	padding:5px;
}
img {
	border:medium none;
}
/*---------------------------------------------------------------------------
 サイトマップ設定
---------------------------------------------------------------------------*/
#site-map h4 {
	border-bottom : 1px dotted #c8c8c8;
}
#site-map .tree {
	margin : 0 0 20px;
	border-bottom : 1px dotted #c8c8c8;
}
#site-map .tree h4 {
	border-bottom : none;
}
#site-map li {
	margin : 0 0 0.7em;
	list-style: none;
	text-indent : 2em;
}
#site-map li a {
	padding : 0 0 0 10px;
	background : url(../img/icon/liststyle03.gif) no-repeat 0 center;
}
#site-map .tree3 {
	text-indent : 4em;
}


/*---------------------------------------------------------------------------
 汎用クラス
---------------------------------------------------------------------------*/
.clearfix:after {
	content: "."; 
	display: block; 
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	zoom : 100%;
}
.clear {
	clear :both;
}
.text-right {
	text-align : right;
}
.text-center {
	text-align : center;
}
.left {
	float : left;
}
.right {
	float: right;
	margin-left: 10px;
}
.att {
	color: #FF0000;
}

.marginL35 {
	margin : 0 0 15px 35px;
} 

p.img-p {
	margin : 0 0 30px;
	padding : 0 0 0 0;	
}
.message {
	padding-left:20px;
	text-indent:-20px;
}

/*------------ 新着　更新　アイコン ------------*/
.new-icon2 {
	margin-left: 10px;
}


/*------------ テキスト設定 ------------*/
.font-b {
	font-weight:bold;
	font-size : 1.4em;
	color : #cc0000;
}

.font-price {
	font-weight:bold;
	font-size : 1.4em;
	color : #2129c9;
}
.font-ul {
	font-weight: bold;
	text-decoration: underline;
}

span.new-icon {
	display:block;
	position: relative;
	left : 85px;
	top : 16px;
	margin-top : -16px;
	width : 35px;
	height : 16px;
/*	backgorund : url(../img/icon/new_icon1.gif) no-repeat;*/
}

.know-box {
	clear : both;
	border : 1px solid #FF0000;
	font-size : 0.9em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.know-box p {
	font-size : 1em;
}
.know-box h4 {
	font-size : 14px;
}
.know-box ul {
	margin: 20px 0 20px 20px;
}

ul.know-box {
	border : none;
}
.know-box li {
	min-height : 20px;
	margin-bottom : 20px;
	padding-left : 30px ;
	list-style : none;
	font-size : 1em;
	line-height : 140%;
	background : url(../img/parts/title_anc.jpg) no-repeat 0 top;
}

.message {
	clear : both;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.message p {
	font-size : 1em;
	font-weight: bold;
}


a:visited {
	color: #4B0082;
	text-decoration: underline;
}