/* Layout.CSS ---------------------------------------- */
*{margin:0px; padding:0px;}

#header,#guide,#middle,#footer,#guidebtm{
	width: 960px;
	margin:0px;
}
#header{ 
	height:120px;
	background-image:url(img/header_pclife02.jpg);
}

#left {
	float: left;
	width: 160px;
	padding-right: 9px;	padding-left: 5px;
}
#right {
	float: left;
	width: 180px;
	padding-left: 9px; padding-right: 5px;
}

#contents-3 {
	float: left;
	width: 614px;
}
#contents-2L {
	float: left;
	width: 736px;
	padding-left:15px; padding-right:15px;
}
#contents-2R {
	float: left;
	width: 751px;
	padding-left:15px; padding-right:15px;
}

#middle-bottom {
	clear:both;
}

/* border ---------------------------------------- */
#header,#guide,#middle,#footer,#guidebtm{
	border-left:6px solid white;
	border-right:6px solid white;
}
#header{ border-top:6px solid white;}
#middle{ border-bottom:6px solid white;}

/* padding height ---------------------------------- */
#header{padding:0px;}
#guide,#guidebtm{padding-top:4px; padding-bottom:4px;}
#left,#right{padding-top:8px; padding-bottom:8px;}
#contents-2L,#contents-2R,#contents-3{padding-top:8px; padding-bottom:8px;}
#footer{padding-top:0px; margin-bottom: 400px;}

/* box bgcolor --------------------------------------- */
BODY{background-color: #E4E4E4;}
#header{background-color:#339;}
#guide,#guidebtm{background-color:#23a;}
#middle{background-color:white;}
#left{background-color:#dfd;}
#right{background-color:#ade;}
#contents-3{background-color:white;}
#contents-2L,#contents-2R{background-color:white;}
#footer{background-color:white;}

/* box font -------------------------------------- */
#header{ color:white;}
#guide,#guidebtm{	font-size:12pt; color:white;}

/* END Latout.CSS ---------------------------------------- */


/* #header ----------------------------------------------- */

.homeTitle{
	position:absolute;
	left:900px;
	width:5em;
	margin-top:10px;
	font-size:small;
	background-color:#334;
	padding:4px;
}
.homeTitle a:link{text-decoration:none;color:#ffe;}
.homeTitle a:visited{text-decoration:none;color:#ffe;}
.homeTitle a:hover{text-decoration:underline;color:#9ef;}

.head-title{
	margin-left:30px;
	font-size:30pt;
	font-family: "Times New Roman", Times, serif,"メイリオ",;
	margin-top: 20px;
	margin-bottom:10px;
}
.head-title a{
	color:white;
	text-decoration:none;
}
.head-title a:hover{
	color:white;
	text-decoration:underline;
}

.head-subtitle{
	margin-left:30px;
	font-size:11pt;
	font-family: "メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top: 0px;
}

/* ガイドバー */
#guide a,#guidebtm a{
	text-decoration:none;
	color:white;
	padding:2px 4px;
	margin:0px 0px 0px 4px;
}
#guide a:hover,#guidebtm a:hover{
	background-color:#36f;
}

/* Left ----------------------------------------------- */
#left .lmain{
	border:solid 1px #030;
	background-color:#FFC;
	padding:4px 4px 4px 20px;
	margin:0px auto 10px auto;
	list-style:inside url(../img/icon/ball01.gif);
	font-size:small;

}
#left ul{
	margin:0px 0px 10px;
	padding: 2px 5px;
	font-size: 10pt;
	list-style:inside disc;
	line-height:120%;
}
#left li a{
	text-decoration:none;
}
#left li a:hover{
	text-decoration:underline;
}

.left_rd{
	color:#009900;
	font-size:11pt;
	text-align:center;
	margin:10px auto;
}
.left_title{
	background-color:#084;
	border-right:1px solid gray;
	border-bottom:1px solid gray;
	font-size:11pt;
	font-weight:bold;
	padding:3px;
	margin-bottom:4px;
	color:white;
	text-align:center;
}
.left-bnr{
margin:10px 5px;
text-align:center;
font-size:small;
color:#006600;
}

.left-bnr img{
	padding:5px 0px;
}
#left p{
	font-size:small;
	margin:4px 8px 10px 8px;
}
#left p a{
	text-decoration:none;
}
#left p a:hover{
	text-decoration:underline;
}

/* Right ---------------------------------------------　*/
/*
#right p{
	line-height:120%;
	margin:10px 10px 20px 10px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

}
#right ul{
	line-height:140%;
}
*/

/* ●メニュー類● */
.rmain{
	background-color:#CCFFCC;
	border:1px solid #003333;
	font-size:11pt;
	padding:5px 5px 5px 10px;
	margin-bottom:10px;
	margin-top: 5px;
}
.rmain ul{
	list-style-image: url(../img/icon/ball01.gif);
	margin: 5px 0px;
	padding-left: 10px;
	font-size:small;
}
.rmain ul li{
	padding-bottom:4px;
}
.rmain ul li a{
	text-decoration:none;
	color:blue;
}
.rmain ul li a:hover{
	text-decoration:underline;
}

/* ●警告事項● */

#right .attention{
	border:solid 2px #b06;
	background-color:#DFD;
}
#right .attention p{
	font-size:small;
	margin:6px 4px 10px 6px;
}
/* RSS */
.rss{
	margin-bottom:10px;
}
.rss p{
	margin:4px auto;
	text-align:center;
}
/* 広告画像 */
.side-img p{
	margin:4px auto;
	text-align:center;
}

/* ショップバナー */
.shopbnr{
	margin:0px auto 10px auto;
}
.shopbnr p{
	margin:0px auto 15px auto;
	padding:0px 5px;
	font-size:10pt;
	text-align:center;
	color:#336600;
}

/*ページ別広告バナー */
.rpr{
	margin:60px auto 10px auto;
	padding-bottom:30px;
}
.rpr p{
	margin:0px auto 15px auto;
	padding:0px 5px;
	font-size:10pt;
	text-align:center;
	color:#336600;
}



/* ●お店リンク● */
h3.side-rTitle{
	margin:0px auto;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #208080;
	padding-top:2px;
	text-align: center;
	border: 1px solid #208080;
	font-size: 10pt;

}
p.side-rLink{
	margin:0px 0px 10px;
	background-color: #E0FFDA;
	color: #666666;
	padding: 2px 5px;
	text-align: left;
	border: 1px solid #208080;
	font-size: 10pt;
	line-height:140%;
}

ul.side-rLink{
	margin:0px 0px 10px;
	background-color: #E0FFDA;
	color: #666666;
	padding: 2px 5px;
	text-align: left;
	border: 1px solid #208080;
	font-size: 10pt;
}
ul.side-rLink li{
	padding-left:0px;
	padding-bottom:2px;
	list-style-position:inside;
}
ul.side-rLink li.text{
	padding-left:0px;
	padding-bottom:12px;
	list-style-position:inside;
	list-style-type:none;
	text-indent:10px;
}

ul.side-rLink li a{
	text-decoration:none;
}
ul.side-rLink li a:hover{
	text-decoration:underline;
}

div.gads_sideRight{
	margin:0px auto 10px auto;
	width:130px;
}
div.gads_sideRight p{
	margin:0px;
}

/* Contents ----------------------------------------------- */

/* colum2_contentsR */
p.menulink{
	line-height:150%;
}
p.menulink a{
	text-decoration:none;
}
p.menulink a:hover{
	text-decoration:underline;
}

/* contents-2L */
#contents-2L h2, #contents-3 h2{
	margin:5px 0px;
	text-align:center;
	font-size:22pt;	color:#070;
	font-family:"メイリオ";

}
.pageTitle{
}

.box{
	width:700px;
	margin:30px auto 0px auto;
}
.box-a{
	float:left;
	width:350px;
}
.box-bottom{
	clear:both;
}


/* 一般 */
P.navi {  font-size: 0.9em; background-color: #003090; width: 100%; margin: 0px; color: white; text-align: left; padding: 4px 0px;}
P.navi a{color: white; padding: 4px 8px;  border-right: white solid 1px; text-decoration:none;}
P.navi a:hover{color: white; background-color: #3333cc; border-right: white solid 1px; text-decoration:none;}
P.navi .category{ background-color: #900070; font-weight: bold; color: white; padding:4px 8px; border-right: white solid 1px;}
P.navi span.navi {color: white; background-color: #0060C0; font-weight: bold; padding:4px 8px; border-right: white solid 1px; display: inline}
P.navi span{display: none}

.pageMenu {font-size: 0.9em; background-color: #3333cc; width: 100%; margin: 0px; color: white; text-align: left; padding: 4px 0px; border-bottom:1px solid #3333CC}
.pageMenu .newuser{background-color:#330099}
.pageMenu .top{font-weight:bold}
.pageMenu a{color: white; padding: 4px 8px;  text-decoration:none;}
.pageMenu a:hover{color:white; background-color: #0066cc; text-decoration:none;}

P.pr {
	line-height:140%;
	color:#339966;
}
span.pr{color:#008000;}
P.bnr{margin:10px 0px;padding:0px;}/* バナー広告 */ 
P.Relation{font-size:small;line-height:140%;color:#330099}
.boxpr_600{
	width:610px;
	margin:20px auto;
	padding:10px;
	border: 2px solid #006600;
}

tr.boxmenu{font-size:small;line-height:140%;color:#336600}

.rd{font-size:small;text-align:right;margin:5px 0px;color:#3399CC}/* 更新日*/
.cr{font-size:small;color:#ee00bb;line-height:100%}/* 著作権 */
.mark1{color:#FF0099;font-size:smaller;padding-left:3px;letter-spacing:1pt}/* UP New */
.mark2{color:#666666;font-size:smaller;padding-left:3px;}/* 日付 */
.linktop{
	background-color:white;
	padding:2px;
	text-align:right;
	margin-right:5px;
	font-size:12px;
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.linktop a,a:hover{color:blue;text-decoration:underline;}

.point1{color: #336666;font-weight:bold;}
.point2{color:#333399;font-weight:bold;}
.point3{color:#E06600;font-weight:bold;}
.point4{color:#3366FF;font-weight:bold;}
.point5{color:#CC0066;font-weight:bold;}
.point6{color:#FF33CC;font-weight:bold;}

.p80{color:#666;font-weight:bold; border:solid 2px black;}
.p80b{color:#E80; font-weight:bold; background-color:#000;}
.p80s{color:#ccc; font-weight:bold; background-color:#000;}
.p80g{color:#FFDA00; font-weight:bold; background-color:#000;}

.explanatory{ font-size:small; color:gray;}/* 注釈 */
.exsample{ font-weight: bold; color:#990000}
.warnig{color:red;font-weight:bold}
.small{font-size:small}
.bold{font-weight:bold; color:#505050} 
.bnr{text-align:center;margin:10px auto;}
.main_table{margin:10px 30px}
.spec_table{margin:10px 30px;font-size:13px}
.spec_tdlist{background-color:#6666FF;color:white;font-weight:bold}
.spec_tdlist2{background-color:#339966;color:white;font-weight:bold}
.productName{font-size:14pt;font-weight:bold;color:#339999}
.newdate{color:#3366FF}
.note{font-size:small; color:gray; padding-left:5px;}
.supplement{font-size:small;color:#000066}
.nolink{color:gray}
.thisPage{color:#CC99FF}


h3{
	background-color: #266;
	border-top-color: #dff;
	border-left-color: #dff;	
	border-right-color: #33;
	border-bottom-color: #033;
	color: white;
	text-indent: 0.5em;
	/* font-family: "メイリオ"; */
	font-weight:bold;
	padding:0.2em 0px;
	margin:20px 0px 10px 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

h4{
	clear:left;
	font-size:16pt;
	font-weight:bold;
	color:#006633;
	padding:10px 5px 2px 5px;
	border-bottom-color: #339966;
	border-left-color: #339966;
	margin-right: 30px;
	margin-left: 10px;
	border-bottom-width: 2px;
	border-left-width: 6px;
	border-bottom-style: solid;
	border-left-style: solid;
}
#contents-2L p,#contents-2R p,#contents-3 p{
	line-height:160%;
	margin:10px 10px 20px 10px;
	/* font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; */

}

h4.product{
	color:#333333;
	background-color:#FFFFFF;
	border-left:4px solid #000088;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
}
h5{
	color:#333333;
	font-size:14pt;
	background-color:#CCFFCC;
	border-left:4px solid #006600;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	margin: 45px 50px 15px 15px;
	padding: 3px 6px;
	background-image: url(../img/bg/h5line_green.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

div.line-580{
	background-image:url(../img/line/Rai-green580.gif);
	height:4px;
	background-repeat: no-repeat;
	margin: 10px 10px 15px 30px;
}

table{margin:1.2em 10px;}
p strong{
	padding: 0px 3px 0px 3px;
}
p a strong{
	padding:0px;
}

form{margin:0px;}
td{padding:2px;}
td p{margin:0px 0px 1em 0.5em}
td .text p{margin:0px;padding:0px;line-height:140%;}


.amazon_bottom{
	margin-top:60px;
}

.rank{
	margin:20px auto 5px;
	text-align:center;
	line-height:140%;
	font-size: small;
	color: #CC3333;
	font-weight: bold;
	padding-top: 10px;
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #33CC99;
	width: 520px;
}

.gads_bottom{margin:60px auto 30px auto;}/* 標準下 Google */
.gads{margin:5px auto;}/* 記事中枠 792 Google */
.gads-468{margin:5px auto;}/* 記事中 Google */

.relation{
	margin:10px auto 5px auto;
	background-color: #E0FFE8;
	padding: 10px 20px;
	width: 580px;
	border: 3px solid #009966;
	color:#666666;
	font-size:11pt;
}
.relation p{
	margin:10px 0px 5px 0px;
	text-indent:5px;
	line-height:140%;
}
.relation span.nowpage{
	font-weight:bold;
	color:#666666;
	background-image: url(../img/icon/relation_now.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 5px;
	margin-left: 5px;
}

/* ●アンケート● */
.ankert-title {
	width:640px;
	text-align:center;
	margin:50px auto 0px auto;
	background-color:#339966;
	font-size:14pt;
	padding: 3px 0px;
	border:3px solid #339966;
}
.ankert{
	width:640px;
	margin:0px auto 15px auto;
	background-color: #FFFFE0;
	border:3px solid #339966;
}
 .ankert .leftbox{
	float:left;
	width:256px;
	background-color: #FFFFE8;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
 .ankert .rightbox{
	float:left;
	width:376px;
	background-color: #FFFFE8;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
}
 .ankert form{
	font-size:10pt;
	margin: 0px;
	padding: 0px;
}
 .ankert .atitle{color:#339933; font-weight:bold;font-size:11pt;margin-bottom:3px;}
 .ankert p{font-size:10pt;line-height:125%;margin:0px 5px 0.7em 5px;}
 .ankert-bottom{clear:both;}

hr{margin:20px 0px;}

/* ●リスト● */
dl{
	line-height:160%;
	margin:10px 10px 30px 10px;
}
dt{
	font-weight:bold;
}
dt a{
	text-decoration:none;

}
dt a:hover{
	text-decoration:underline;
}

dd{
	margin: 0px 0px 20px 10px;
}
dl.next dt{
	background-image: url(../img/icon/arrow_next02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:24px;
	color:#390;
}
dl.nextpc dt{
	background-image:url(../img/icon/arrow_nexts.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:24px;
	color:#E50;
}
dl.outnext dt{
	background-image: url(../img/icon/arrow_outnext.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
}
dl.pr dt{
	/*background-image: url(../img/icon/arrow_link.gif);
	background-repeat: no-repeat;
	*/
	background-image: url(../img/bg/arrowbg_pr.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:20px;
	color:#399;
}
dl.next dd,dl.pcnext dd,dl.outnext dd,dl.pr dd{
	margin: 5px 0px 20px 30px;
	line-height:160%;
}

p.ul-title{/* リストのタイトル */
	margin-bottom:2px;
	padding-bottom:0px;
}
ul{
	margin:5px 35px 10px 35px;
}
li{
	margin-bottom:5px;
}
p.listtitle{
	margin-bottom:5px;
}
ul.list1{
	margin:5px 5px 20px 30px;
	padding:0px;
	list-style-type:circle;
}
ul.link li{
	margin:10px 0px;
}
ul.next, ul.nextdata{
	margin-top: 20px;
	margin-bottom:30px;
	font-weight: bold;
}
ul.next li{
	list-style-image: url(../img/icon/next01.gif);
	line-height:160%;
}

ul.next li.text{
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:10pt;
	text-indent:10px;
	list-style-type:none;
	list-style-image:none;
	padding-bottom:10px;
	line-height:100%;
	font-weight:normal;
}
ul.next li.more{
	margin-top:20px;
	font-weight:normal;
	list-style-type:none;
	list-style-image:none;
}
ul.next li a{
	text-decoration:none;
}
ul.next li a:hover{
	text-decoration:underline;
}

ul.pr{
	list-style:disc url(../img/icon/arrow_link.gif) inside;
	margin:20px;
}
ul.pr li{
	line-height:160%;
	color:#090;
}
ul.pr li a{
	text-decoration:none;
}
ul.pr li a:hover{
	text-decoration:underline;
}
ul.shortcut{
	border-top:solid 1px #060;
	margin-top:14px;
	padding-top:5px;
	line-height:120%;
}
ul.shortcut li{
	list-style-image: url(../img/icon/shortcut.gif);
}
ul.index{
	list-style-type:none;
	margin-left:10px;
}
ul.index li{
	line-height:160%;
}
ul.index li a{
	text-decoration:none;
}
ul.index li a:hover{
	text-decoration:underline;
}
ul.index img.icon{
	padding-right:10px;
}

/* ページ番号リスト */
 ul.pagelinks {
   margin: 30px auto 0px auto;
   padding: 0px;
   width:320px;
}
ul.pagelinks li {
   width: 18px;           /* 横幅 */
   line-height: 1.2em;     /* 高さ */
   list-style-type: none;  /* 先頭記号なし */
   border: 1px solid gray; /* 枠線 */
   float: left;            /* 横に並べる */
   margin: 2px;          /* 周囲の余白 */
   padding: 0px;           /* 内側の余白 */
   font-family: Arial,sans-serif;/* フォント */
   font-weight: bold;      /* 太字 */
   text-align: center;     /* センタリング */
}
ul.pagelinks li a {/* リンクの装飾 */
   display: block;        /* ブロック化 */
   text-decoration: none; /* 下線を消す */
   width: 18px;          /* 横幅(IE) */
}
ul.pagelinks li a:link {/* 未訪問リンクの色 */
   background-color: #cccccc; /* 背景色 */
   color: #000088;             /* 文字色 */
}
ul.pagelinks li a:visited {/* 既訪問リンクの色 */
   background-color: #cccccc; /* 背景色 */
   color: #550033;           /* 文字色 */
}
ul.pagelinks li a:hover {
   background-color: blue; /* 背景色 */
   color: white;          /* 文字色 */
}
ul.pagelinks li.here {/* 現在位置項目の装飾 */
   background-color: green; /* 背景色 */
   color: #ffff80;          /* 文字色 */
   border-color: green;     /* 枠線色 */
}

.relation ul{
	margin:10px 0px 10px 0px;
	line-height:140%;

}
.relation ul li.nowpage{
	font-weight:bold;
	color:#666666;
	list-style-image: url(../img/icon/relation_now.gif);
	list-style-type:none;
}

/* ankert ----------------------------------------------- */
#gads{
	width:728px;
	margin:10px auto 0px auto;
	padding:0px;
	}

#akbox{
	width:728px;
	margin:5px auto;
	}
h3.aktitle{
	width:728px;
	background-color:#055;
	text-align:center;
	padding:4px 0px;
	color:white;
	margin:0px auto;
	border:2px solid #055;
}
p.aktitle{
	font-weight:bold;
}
#akform{
	width:688px;
	background-color:#ffd;
	margin:0px auto;
	padding:5px 20px;
	border:2px solid #055;
}
#akform p{
	margin:8px 0px;
	}
#akleft{
	float:left;
	width:50%;
}
#akright{
	float:left;
	width:50%;
}
#akclear{
	clear:left;
}
#akbottom{}


/* footer ----------------------------------------------- */
#footer .mes{font-size:small; padding:5px 10px;border-top:2px solid #aaaaaa;  border-bottom:2px dashed #666666; font-family:"メイリオ";}
address{ color:#336699; font-style: normal; text-align: right;  padding: 0.5em 0.5em 0.5em 0px; font-family:"メイリオ";}
p.nextlist {
	background-image: url(../img/icon/next01.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 15px;
	margin-bottom:0px;
	padding-left: 15px;
	font-weight: bold;
}
p.nextcomment{
	margin-top:5px;
	padding-left:20px;
	font-size:small;
}
p.list-noline{
	line-height:100%;
	margin:0px 10px;
	padding:0px;

}
.list-noline a{
	text-decoration:none;
}
.list-noline a:hover{
	text-decoration:underline;
}
/* 古いページが表示されています。最新の情報はこちら */
.oldpage{
	width:540px;
	margin:10px auto;
	padding:10px;
	background-color:#FFF0E0;
	border: thin outset #CC6600;
}
