@charset "Shift_JIS";

/*
	Site Name: 商品紹介用ページ複数ページ型
	Description: 商品紹介用ページ複数ページ型のスタイルシートです
	Version: 1.0
	Author: 
	作成日：2010.03.06
*/

/*
===== CONTENTS ===========================================

	1. universal reset 
	2. body and base setting
	3. layout setting
	4. #header 詳細
	5. メニュー
	6. #content詳細（メインコンテンツ）
	7. #サブコンテンツ詳細
	8. #footer詳細
	9. Utilities
	10. link setting

==========================================================
*/
/*======================================

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	| 	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

=======================================*/

/*----------------------------------------------------

               1. universal reset 

----------------------------------------------------*/

*{
	margin:0;
	padding:0;
}

/*----------------------------------------------------

               2. body and base setting

----------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-size: 13px;
    font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','Verdana','ＭＳ Ｐゴシック',sans-serif;
	background: #ccc url("../images/background.gif") ;
	color: #333;
}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	padding: 0;/* margin&padding reset */
	line-height: 1.5;/* base line height */
	display: block;
	margin: 0px;
	font-size:100%;
}
hr,.areaAnchor,.anchor { display : none; }
img {
	border: none;/* img do not want a border */
	vertical-align: bottom;
}
li { list-style: none; }/* link do not want a dot */
/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{cursor:help;}


/*----------------------------------------------------

               3. layout setting

----------------------------------------------------*/
/*カラーリング（参考）
青(blue)：#00A7FE
茶(brown)：#999933
黒(black)：#7B7B7B
緑(green)：#99CC33
紺(navy)：#233B6C
--------------------*/
#container {
	width:900px;
	padding: 13px 0;
	margin: 0 auto;
	border-left: 1px solid #C6BDBD;
	border-right: 1px solid #C6BDBD;
}
/* カラーバリエーション設定 */ 
body#blue #container {
	background: #00A7FE;
}
body#brown #container {
	background: #999933;
}
body#black #container {
	background: #7B7B7B;
}
body#green #container {
	background: #99CC33;
}
body#navy #container {
	background: #233B6C;
}


#header {
	clear: both;
	background: #fff url("../images/header-top.gif") repeat-x left top;
	margin: 0;
	padding: 0;
	width:900px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}
#header-inner {
	margin: 0;
	padding: 0;
}

#content {
	clear: both;
	background: #fff;
	margin: 0;
	padding:0;
	width:900px;
	font-size: 100%;
}
#content-inner {
	margin: 0;
	padding:20px 20px 0 20px;
}
#content #main {
	float: left;
	background: #fff;
	margin: 0;
	padding:0;
	width:630px;
	/display: inline;
}
#content #sub {
	float: left;
	background: #fff;
	margin: 5px 0 0;
	padding:0;
	width:230px;
	/display: inline;
}
#content #sub-inner {
	margin: 0 0 0 20px;
	padding:0;
	background: #fff;
	border-right:  1px solid #D0D0D0;
	border-left:  1px solid #D0D0D0;
	border-bottom:  1px solid #D0D0D0;
}
#footer {
	clear: both;
	background: #fff url("../images/footer-bottom.gif") repeat-x left bottom;
	margin: 0;
	padding: 0 0 20px 0;
	width:900px;
}
#footer-inner {
	margin: 0;
	padding:10px 20px 0 20px;
    border-top:  1px solid #C6BDBD;
	background: #fff url("../images/subseparated-background.gif") repeat-x left 1px;
	zoom: 1;
}

/*----------------------------------------------------

               4. #header 詳細

----------------------------------------------------*/

/*h1の装飾
--------------------*/
#header h1 {
    margin: 0;
    padding: 15px 10px 0 20px;
	font-size: 167%;
	letter-spacing: 0.05em;
}
#header h1 a:link{
	font-weight: bold;
	color: #333;
	outline: none;	
}
#header h1 a:visited {
	font-weight: bold;
	color: #333;
	outline: none;
}
#header h1 a:hover {
	font-weight: bold;
	color: #333;
}
#header h1 a:active {
	font-weight: bold;
	color: #333;
	outline: none;
}
/*----------------------------------------------------

               5. メニュー

----------------------------------------------------*/
/*横メニュー上部背景（横メニューは未使用）
--------------------*/
#menu-area .top-line{
	clear: both;
	background: #fff url("../images/header-bottom.gif") repeat-x left top;
	margin: 0;
	padding: 0;
	width:900px;
	height: 18px;
}
/*サイドバーメニュー
--------------------*/
#content #sub {

}
/*----------------------------------------------------

               6. #content詳細（メインコンテンツ）

----------------------------------------------------*/


/*このサイトについて
--------------------*/

#content #about-site {
	background: #fff;
	margin: 0;
	padding: 5px 0;
	width:630px;
	font-size: 100%;
}

/*　角丸機能の削除方法
以下の#content #about-siteInner {
｝

内の

	border-radius: 10px;　
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;

の3行を全て削除頂き、

#content #about-siteInner {
	border:  1px solid #D0D0D0;
	margin: 0;
	padding: 10px 0;
}

としてください。
以上の設定で、角丸機能を削除頂けます。
--------------------*/
#content #about-siteInner {
	border:  1px solid #D0D0D0;
	margin: 0;
	padding: 10px 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#content #about-site p.about-p {
	margin: 0 0 0 20px;
	padding: 0;
	font-size: 100%;
    font-weight: bold;
	color: #333;
	vertical-align: middle;
	letter-spacing: 0.1em;

}
/* カラーバリエーション設定 */ 
body#blue #container #content #about-site p.about-p {
	border-left: 7px solid #00A7FE;
}
body#brown #container #content #about-site p.about-p {
	border-left: 7px solid #999933;
}
body#black #container #content #about-site p.about-p {
	border-left: 7px solid #7B7B7B;
}
body#green #container #content #about-site p.about-p {
	border-left: 7px solid #99CC33;
}
body#navy #container #content #about-site p.about-p {
	border-left: 7px solid #233B6C;
}


#content #about-site p.about-p span {
	border-bottom: #999 1px dotted;
	margin: 0;
	padding: 0 0 0 2px;
	vertical-align: middle;
}
#content #about-site p {
	margin: 0;
	padding: 7px 25px;
	letter-spacing: 0.1em;
	font-size: 85%;
}
#content .about-siteBottom {
	clear: both;
	background: #fff url("../images/about-sitebottom.gif") no-repeat left top;
	margin:0 0 10px 0;
	padding: 0;
	width:630px;
}

/*文章（h2,h3）エリア
--------------------*/
#content .Sentence {


}
#content p{
    margin: 0;
    padding: 10px 0 10px 3px;

}
#content ul{
    margin: 5px 0 10px 20px;
    padding: 5px 10px 5px 3px;
	background: #fff url("../images/list-background2.gif") repeat-y;
}
#content ul li{
	list-style-type: disc;
    margin: 0 0 0 20px;
    padding:0
}
/*h2の装飾
--------------------*/
#content h2 {
	border-top:  1px solid #DBDBCF;
	border-right:  1px solid #DBDBCF;
	border-left:  1px solid #DBDBCF;
	background: #fff url("../images/h2-background.gif") repeat-x left bottom;
    margin-top:  30px;
    padding: 5px 5px 0px 10px;
	font-size: 129%;
	line-height: 1.5;

}
/* カラーバリエーション設定 */ 
body#blue #container #content h2  {
	border-bottom:  2px solid #0BA9F4;
}
body#brown #container #content h2 {
	border-bottom:  2px solid #999933;
}
body#black #container #content h2  {
	border-bottom:  2px solid #7B7B7B;
}
body#green #container #content h2  {
	border-bottom:  2px solid #99CC33;
}
body#navy #container #content h2 {
	border-bottom:  2px solid #233B6C;
}



#content h2.sentence-h2 span{
    margin:  0;
    padding: 0 0 0 15px;
}

/* カラーバリエーション設定 */
body#blue #container #content h2.sentence-h2 span {
	background: transparent url("../images/h2-arrow-blue.gif") no-repeat left 30%;
}
body#brown #container #content h2.sentence-h2 span {
	background: transparent url("../images/h2-arrow-brown.gif") no-repeat left 30%;
}
body#black #container #content h2.sentence-h2 span {
	background: transparent url("../images/h2-arrow-black.gif") no-repeat left 30%;
}
body#green #container #content h2.sentence-h2 span {
	background: transparent url("../images/h2-arrow-green.gif") no-repeat left 30%;
}
body#navy #container #content h2.sentence-h2 span {
	background: transparent url("../images/h2-arrow-black.gif") no-repeat left 30%;
}


/*h3の装飾
--------------------*/
#content h3 {
	border-top:  1px solid #DBDBCF;
	border-right:  1px solid #DBDBCF;
	border-left:  1px solid #DBDBCF;
	background: #fff url("../images/h3-background.gif") repeat-x left bottom;
    margin-top:  20px;
	line-height: 1.5;
    padding: 2px 5px 0 5px;
	font-size: 107%;
}
/* カラーバリエーション設定 */
body#blue #container #content h3 {
	border-bottom:  1px solid #0BA9F4;
}
body#brown #container #content h3 {
	border-bottom:  1px solid #999933;
}
body#black #container #content h3 {
	border-bottom:  1px solid #7B7B7B;
}
body#green #container #content h3 {
	border-bottom:  1px solid #99CC33;
}
body#navy #container #content h3 {
	border-bottom:  1px solid #233B6C;
}

/*h4の装飾
--------------------*/
#content h4 {
    margin: 10px 0 0 3px;
    padding: 2px 5px 2px 9px;
	font-size: 107%;
	line-height: 1.5;
	color: #555;
	border-bottom:  1px solid #ccc;
}
/* カラーバリエーション設定 */
body#blue #container #content h4 {
	background: transparent url("../images/h2-arrow-blue.gif") no-repeat left 30%;
}
body#brown #container #content h4 {
	background: transparent url("../images/h2-arrow-brown.gif") no-repeat left 30%;
}
body#black #container #content h4 {
	background: transparent url("../images/h2-arrow-black.gif") no-repeat left 30%;
}
body#green #container #content h4 {
	background: transparent url("../images/h2-arrow-green.gif") no-repeat left 30%;
}
body#navy #container #content h4 {
	background: transparent url("../images/h2-arrow-black.gif") no-repeat left 30%;
}

/*画像へのテキスト回り込み設定
--------------------*/
#content img.img-left {
	margin: 0;
	padding: 0px 20px 0px 10px;
	float: left;
}
#content img.img-right {
	margin: 0;
	padding: 0px 10px 0px 10px;
	float: right;
}
#content p.clearBox{
    margin: 0;
    padding: 10px 0 10px 3px;
    zoom: 100%;
}
#content p.clearBox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*画像掲載パターン共通設定
--------------------*/
td img {
	padding: 3px;
	margin: 5px auto;
	border: 1px solid #ccc;
}
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#main table {
	background: #FCFBF5;
	border:  1px solid #ccc;
	margin: 5px auto;
	padding:0;
	width: 600px;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	font-size:100%;
}


/*画像掲載パターン1
--------------------*/
#main table#ptn1 {
	border: none;
	background: #fff;
}
#main table#ptn1 .ptn1-cellLeft{
	width: 189px;
	vertical-align: top;
	text-align: center;
}
#main table#ptn1 .ptn1-cellRight{
	vertical-align: top;
	text-align: left;
	margin: 0;
	padding: 5px 10px 10px 3px;
}
#main table#ptn1 .ptn1-cellRight .product  {
	margin: 0;
	padding: 0 0 5px 0;
}
#main table#ptn1 .ptn1-cellRight .product  a{
	display: block;
	zoom: 1;
}
#main table#ptn1 .ptn1-cellRight .product a:link {
	font-weight: bold;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 5px;
	background:#7C7C7A;
	text-decoration: underline;
}
#main table#ptn1 .ptn1-cellRight .product a:visited  {
	font-weight: bold;
	color: #fff;
	outline: none;	
	margin: 0;
	padding: 5px;
	background:#7C7C7A;
	text-decoration: none;
}
#main table#ptn1 .ptn1-cellRight .product a:hover {
	font-weight: bold;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 5px;
	background:#07f;
	text-decoration: none;
}
#main table#ptn1 .ptn1-cellRight .product a:active {
	font-weight: bold;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 5px;
	background:#07f;
	text-decoration: none;
}
#main table#ptn1 .ptn1-cellRight .value  {
	margin: 0;
	padding: 3px;
	font-weight: bold;
}
#main table#ptn1 .ptn1-cellRight .text  {
	margin: 0;
	padding: 5px;
	background: #fff url("../images/ptn1-textbackground.gif") repeat-x left bottom;
	border:  1px solid #ccc;
	font-size:85%;
}
/*画像掲載パターン2
--------------------*/
#main table#ptn2 tr, table#ptn2 td{

}
#main table#ptn2 td.ptn2-proLeft{
	width: 50%;
	vertical-align: middle;
	text-align: center;
	background:#7C7C7A;
	margin: 0;
	padding: 0;
	font-size: 100%;
	border-right:  1px solid #ccc;
}
#main table#ptn2 td.ptn2-proLeft a{
	display: block;
	zoom: 1;
}
#main table#ptn2 td.ptn2-proLeft a:link {
	font-weight: bold;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 5px;
	background:#7C7C7A;
	text-decoration: underline;
}
#main table#ptn2 td.ptn2-proLeft a:visited  {
	font-weight: bold;
	color: #fff;
	outline: none;	
	margin: 0;
	padding: 5px;
	background:#7C7C7A;
	text-decoration: none;
}
#main table#ptn2 td.ptn2-proLeft a:hover {
	font-weight: bold;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 5px;
	background:#07f;
	text-decoration: none;
}
#main table#ptn2 td.ptn2-proLeft a:active {
	font-weight: bold;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 5px;
	background:#07f;
	text-decoration: none;
}

#main table#ptn2 td.ptn2-proRight{
	width: 50%;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background:#7C7C7A;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
#main table#ptn2 td.ptn2-proRight a{
	display: block;
	zoom: 1;
}
#main table#ptn2 td.ptn2-proRight a:link {
	font-weight: bold;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 5px;
	background:#7C7C7A;
	text-decoration: underline;
}
#main table#ptn2 td.ptn2-proRight a:visited  {
	font-weight: bold;
	color: #fff;
	outline: none;	
	margin: 0;
	padding: 5px;
	background:#7C7C7A;
	text-decoration: none;
}
#main table#ptn2 td.ptn2-proRight a:hover {
	font-weight: bold;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 5px;
	background:#07f;
	text-decoration: none;
}
#main table#ptn2 td.ptn2-proRight a:active {
	font-weight: bold;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 5px;
	background:#07f;
	text-decoration: none;
}

#main table#ptn2 td.ptn2-imgLeft{
	width: 50%;
	vertical-align: middle;
	text-align: center;
	border-bottom: none;
	border-right:  1px solid #ccc;
	padding-top: 10px;
}
#main table#ptn2 td.ptn2-imgRight{
	width: 50%;
	vertical-align: middle;
	text-align: center;
	padding-top: 10px;
}

#main table#ptn2 td.ptn2-txtLeft{
	width: 50%;
	vertical-align: top;
	text-align: center;
	border-right:  1px solid #ccc;
	border-top: none;
	padding-bottom: 10px;
}
#main table#ptn2 td.ptn2-txtLeft p{
	text-align: left;
	padding: 8px;
	margin: 0 10px 4px;
	background: #fff url("../images/ptn24-textbackground.gif") repeat-x left bottom;
	border:  1px solid #ccc;
	font-size:85%;
}
#main table#ptn2 td.ptn2-txtRight{
	width: 50%;
	vertical-align: top;
	text-align: left;
}
#main table#ptn2 td.ptn2-txtRight p{
	text-align: left;
	padding: 8px;
	margin: 0 10px 4px;
	background: #fff url("../images/ptn24-textbackground.gif") repeat-x left bottom;
	border:  1px solid #ccc;
	font-size:85%;
}

/*画像掲載パターン3
--------------------*/
#main table#ptn3 tr, table#ptn3 td{

}
#main table#ptn3 th.ptn3-cap {
	vertical-align: middle;
	text-align: left;
	color: #fff;
	font-weight: bold;
	background:#7C7C7A;
	margin: 0;
	padding: 3px;
	font-size: 100%;
}

#main table#ptn3 td.ptn3-imgLeft{
	width: 50%;
	vertical-align: middle;
	text-align: center;
	border-bottom: none;
	border-right:  1px solid #ccc;
	background: #fff;
	padding-top: 10px;
}
#main table#ptn3 td.ptn3-imgRight{
	width: 50%;
	vertical-align: middle;
	text-align: center;
	background: #fff;
	padding-top: 10px;
}
#main table#ptn3 td.ptn3-proLeft{
	width: 50%;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 3px 3px 20px 3px;
	font-size: 100%;
	border-right:  1px solid #ccc;
	border-bottom:  1px solid #ccc;
	background: #fff url("../images/cell-background.gif") repeat-x left bottom;
}
#main table#ptn3 td.ptn3-proLeft a:link{
	font-weight: bold;
	color: #09f;
	outline: none;	
}
#main table#ptn3 td.ptn3-proLeft a:visited {
	font-weight: bold;
	color: #09f;
	outline: none;
}
#main table#ptn3 td.ptn3-proLeft a:hover {
	font-weight: bold;
	color: #09f;
}
#main table#ptn3 td.ptn3-proLeft a:active {
	font-weight: bold;
	color: #09f;
	outline: none;
}


#main table#ptn3 td.ptn3-proRight{
	width: 50%;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 3px 3px 20px 3px;
	font-size: 100%;
	border-bottom:  1px solid #ccc;
	background: #fff url("../images/cell-background.gif") repeat-x left bottom;

}
#main table#ptn3 td.ptn3-proRight a:link{
	font-weight: bold;
	color: #09f;
	outline: none;	
}
#main table#ptn3 td.ptn3-proRight a:visited {
	font-weight: bold;
	color: #09f;
	outline: none;
}
#main table#ptn3 td.ptn3-proRight a:hover {
	font-weight: bold;
	color: #09f;
}
#main table#ptn3 td.ptn3-proRight a:active {
	font-weight: bold;
	color: #09f;
	outline: none;
}
/*画像掲載パターン4
--------------------*/
table#ptn4 tr, table#ptn4 td{
}
#main table#ptn4 th.ptn4-cap {
	vertical-align: middle;
	text-align: left;
	color: #fff;
	font-weight: bold;
	background:#7C7C7A;
	margin: 0;
	padding: 3px;
	font-size: 100%;
}
#main table#ptn4 .ptn4-cellLeft{
	width: 189px;
	vertical-align: middle;
	text-align: center;
	background: #fff url("../images/cell-background.gif") repeat-x left bottom;
	border-bottom:  1px solid #ccc;
	margin: 0;
	padding: 10px 3px 20px 3px;
}
#main table#ptn4 .ptn4-cellRight{
	vertical-align: top;
	text-align: left;
	background: #fff url("../images/cell-background.gif") repeat-x left bottom;
	border-bottom:  1px solid #ccc;
	margin: 0;
	padding: 15px 10px 20px 3px;
}
#main table#ptn4 .ptn4-cellRight .product  {
	margin: 0;
	padding: 0 0 5px 0;
}
#main table#ptn4 .ptn4-cellRight .product  a{
	display: block;
	zoom: 1;
}
#main table#ptn4 .ptn4-cellRight .product a:link {
	font-weight: bold;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 5px;
	background:#7C7C7A;
	text-decoration: underline;
}
#main table#ptn4 .ptn4-cellRight .product a:visited  {
	font-weight: bold;
	color: #fff;
	outline: none;	
	margin: 0;
	padding: 5px;
	background:#7C7C7A;
	text-decoration: none;
}
#main table#ptn4 .ptn4-cellRight .product a:hover {
	font-weight: bold;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 5px;
	background:#07f;
	text-decoration: none;
}
#main table#ptn4 .ptn4-cellRight .product a:active {
	font-weight: bold;
	color: #fff;
	outline: none;
	margin: 0;
	padding: 5px;
	background:#07f;
	text-decoration: none;
}
#main table#ptn4 .ptn4-cellRight .value  {
	margin: 0;
	padding: 3px;
	font-weight: bold;
}
#main table#ptn4 .ptn4-cellRight .text  {
	margin: 0;
	padding: 5px;
	background: #fff url("../images/ptn1-textbackground.gif") repeat-x left bottom;
	border:  1px solid #ccc;
	font-size:85%;
}

/*pageTop(このページの上へ)setting
--------------------*/
.pageTop {
    clear: both;
	background: #fff;
    margin:  0;
    padding: 0;
    text-align: right;
}
.pageTop p {
    margin: 0;
    padding: 10px 20px 10px 0;
}
.pageTop p a {
	background: transparent url("../images/page-top.gif") no-repeat 0 0.1em;
	margin: 0;
	padding: 0 0 0 20px;
}

/*----------------------------------------------------

               7. サブコンテンツ詳細

----------------------------------------------------*/

/*文章エリア
--------------------*/
#content #sub p{
	margin: 0;
	padding:5px 5px;
}
#content #sub ul{
    margin: 0 10px 10px 20px;
    padding: 5px 10px 5px 0;
	background: #fff url("../images/list-background2.gif") repeat-y;
}
#content #sub ul li{
	list-style-type: disc;
    margin: 0 0 0 20px;
    padding:0
}

#content #sub .s-wrap {
	margin: 0;
	padding-bottom: 20px;
}
/*区切りトップ
--------------------*/
#content #sub .s-wrap .sep-topArea{
	margin: 0;
	padding:0;
	width: auto;
	height: 13px;
	background: #00A7FE;
	line-height: 1;
	border: none;
}
/* カラーバリエーション設定 */
body#blue #container #content #sub .s-wrap .sep-topArea {
	background: #0BA9F4;
}
body#brown #container #content #sub .s-wrap .sep-topArea {
	background: #999933;
}
body#black #container #content #sub .s-wrap .sep-topArea {
	background: #7B7B7B;
}
body#green #container #content #sub .s-wrap .sep-topArea {
	background: #99CC33;
}
body#navy #container #content #sub .s-wrap .sep-topArea {
	background: #233B6C;
}
/*サブ見出しエリア
--------------------*/
#content #sub .s-wrap .midashi-Area{
	margin: 0;
	padding:0;
	background: #fff url("../images/subseparated-background.gif") repeat-x left top;
	border: none;
	line-height: 1.5;
}
#content #sub .midashi-Area p{
	margin: 0;
	padding:10px 5px;
}

/*サイドバーメインメニュー
--------------------*/
#content #sub .s-wrap ul#menu-base {
	margin:	0 5px;
	padding: 0;
	font-size: 100%;
	border-top: solid 1px #D0D0D0;
	border-left: solid 1px #D0D0D0;
	border-right: solid 1px #D0D0D0;
	background: #fff;
	zoom: 1;
}
#content #sub .s-wrap ul#menu-base li {
	margin:	0;
	padding:  0;
	border-top: solid 1px #fff;	
	border-bottom: solid 1px #D0D0D0;
	list-style: none;
}
#content #sub .s-wrap ul#menu-base li a {
  margin: 0;
  padding: 5px 0 2px 18px;
  display: block;
}
#content #sub .s-wrap ul#menu-base li a:link {
  background: #E7E7E7 url("../images/mainmenu-arrow.gif") no-repeat 2px 0.6em;
	text-decoration: underline;
	font-weight: normal;
	color: #09f;
}
#content #sub .s-wrap ul#menu-base li a:visited {
  background: #E7E7E7 url("../images/mainmenu-arrow.gif") no-repeat 2px 0.6em;
	text-decoration: underline;
	font-weight: normal;
	color: #09f;
}
#content #sub .s-wrap ul#menu-base li a:hover {
  background: #F5F5F5 url("../images/mainmenu-arrow.gif") no-repeat 2px 0.6em;
	text-decoration: none;
	font-weight: normal;
	color: #09f;
}

#content #sub .s-wrap ul#menu-base li a:active {
  background: #F5F5F5 url("../images/mainmenu-arrow.gif") no-repeat 2px 0.6em;
	text-decoration: none;
	font-weight: normal;
	color: #09f;
    outline: none;
}
/*サイドバー広告スペース
--------------------*/
#content #sub .s-wrap .ad-wrap{
	margin: 0 5px 10px;
	padding:0;
}
#content #sub .s-wrap .ad-wrap img{
	border: none;/* img do not want a border */
}
#content #sub .s-wrap .ad-wrap h5{
	margin: 5px 2px 0;
	padding:5px;
	background: #fff url("../images/ad-background.gif") repeat-x left bottom;
	border: 1px solid #D0D0D0;
}
#content #sub .s-wrap .ad-wrap .mainR-box{
	margin: 0 2px;
	padding:0 3px;
	border-left: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}

/*----------------------------------------------------

               8. #footer詳細

----------------------------------------------------*/

#footer  p{
    margin: 0;
    padding: 5px 0 5px 0;

}
#footer .footer-menu ul{
    margin: 0 0 10px 0;
    padding: 0 10px 5px 0;
}
#footer .footer-menu ul li{
	list-style-type: none;
    margin: 0  10px 0 0;
    padding:0 0 0 15px;
    display: inline;
	background: #fff url("../images/menu-arrow.gif") no-repeat 0 0.3em;
}


#footer #copyright {
	margin: 0;
	padding:0;
	text-align:center;
}
#footer #copyright address {
   font-style: normal;
}
/*----------------------------------------------------

#footer .footer-menu ul li a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #09f;
}
#footer .footer-menu ul li a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #09f;
}
#footer .footer-menu ul li a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #09f;
}

#footer .footer-menu ul li a:active {
	text-decoration: none;
	font-weight: normal;
	color: #09f;
    outline: none;
}

----------------------------------------------------*/

/*----------------------------------------------------

               9. Utilities

----------------------------------------------------*/
#header:after,
#content:after,
#main:after,
#sub:after,
#footer:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.content,
#footer {
    height: 1%;
}
/*----------------------------------------------------

               10. link setting

----------------------------------------------------*/

a:link {
	text-decoration: underline;
	font-weight: normal;
	color: #09f;
	outline: none;
}

a:visited {
	text-decoration: underline;
	font-weight: normal;
	color: #c6c;
    outline: none;
}
a:hover {
	text-decoration: none;
	font-weight: normal;
}
a:active {
	text-decoration: none;
	font-weight: normal;
	outline: none;
}