@charset "utf-8";


/*
----------------------------------------------------------------------
	Site Name: POTA
	Last-updated: 2009/09/02
	Description: foundation

	1. =Reset
	2. =Link
	3. =Header
	4. =Navi
	5. =Content
　　6. =List
　　7. =Table
　　8. =Pagenavi
　　9. =Footer
   10. =Form		
----------------------------------------------------------------------
*/


.clearfix {
	display: inline-block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

*:first-child+html {
	font-size: 95%;
}

/* Hides from IE-mac ¥*/
*html .clearfix {
	height: 1%;
}

* html #content {
	display: inline-block;
	margin-bottom: 0;
}

* html .clbox .grid120 {
	float: left;
	margin-right: 13px;
	margin-bottom: 0;
	width: 120px;
}

* html .clbox .topics-txt {
	margin-bottom: 0;
}

* html #content .sidebar312 .blackbox {
	padding: 13px 13px 10px 17px;
	display: inline-block;
	border: none;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	font-size: 85%;
}

* html #content .sidebar212 .menubox-brown-border {
	display: inline-block;
}

* html #content .sidebar212 .menubox-brown-border .chip-menu {
	margin: 0 13px 0 0;
}

* html #content .sidebar212 .menubox-brown-border .chip-menu-bottomnone {
	margin: 0 13px 0 0;
}

* html hr.brown-margin6 {
	margin-bottom: 0;
}

/* End hide from IE-mac */


/*
----------------------------------------------------------------------
	1. =Reset
----------------------------------------------------------------------
*/

* {
	margin: 0;
	padding: 0;
}

html, body, div, span,
h1, h2, h3, p, a, ul, li,
table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background-color: transparent;
}

ol, ul {
	list-style-position: inside;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 0;
	background-color: transparent;
}

:focus {outline: 0;}


html {
}

body {
	text-align: left;
	color: #32271f;
	font-family: "ＭＳ Ｐゴシック","MS PGothic","Hiragino Kaku Gothic Pro",Osaka,sans-serif,Helvetica,Verdana;
	font-size: 95%;
	font-weight: normal;
	line-height: 1.35;
	background-color: #ffffff;
}

#contents {
	margin: 0 auto;
	width: 905px;
}

h1 {
}

h2 {
	font-size: 100%;
	font-weight: normal;
}

h2.bold {
	font-size: 18px;
	font-weight: bold;
}

h3 {
	font-size: 97%;
	font-weight: normal;
}

h3.strong {
	font-size: 97%;
	font-weight: bold;
}

p {
}

.bold {
	font-weight: bold;
}

.category {
	margin-left: 10px;
	font-size: 90%;
	font-weight: normal;
}

.arrow {
	margin-right: 8px;
}

.alignright {
	text-align: right;
}

.year {
	margin-top: 7px;
	margin-bottom: 24px;
	font-size: 30px;
	color: #56524e;
}

.marginbottom3 {
	margin-bottom: 3px;
}

.marginbottom6 {
	margin-bottom: 6px;
}

.marginbottom13 {
	margin-bottom: 13px;
}

.marginbottom14 {
	margin-bottom: 14px;
}

.marginbottom24 {
	margin-bottom: 24px;
}

.marginbottom30 {
	margin-bottom: 30px;
}

.marginbottom36 {
	margin-bottom: 36px;
}

.marginbottom42 {
	margin-bottom: 42px;
}

.marginbottom44 {
	margin-bottom: 44px;
}

.marginbottom48 {
	margin-bottom: 48px;
}

.margintop29 {
	margin-top: 29px;
}

hr.brown {
	clear: both;
	border: none;
	border-bottom: 1px solid #eeeae6;
	height: 1px;
}

hr.brown-margin6 {
	clear: both;
	margin-bottom: 6px;
	border: none;
	border-bottom: 1px solid #eeeae6;
	height: 1px;
}

hr.brown-margin36 {
	clear: both;
	margin: 36px 0 36px 0;
	border: none;
	border-bottom: 1px solid #eeeae6;
	height: 1px;
}


/*
----------------------------------------------------------------------
	2. =Link
----------------------------------------------------------------------
*/

a:link {
	color: #32271f;
	text-decoration: underline;
}

a:hover, a:active {
	color: #9c5622;
	text-decoration: underline;
}

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

a img {
	border: none;
}



/*
----------------------------------------------------------------------
	3. =Header
----------------------------------------------------------------------
*/

#header {
	padding: 13px 0 40px 0;
	height: 48px;
}

#header .hlbox {
	float: left;
	width: 298px;
}

#nav-header-siteinfo {
	float: right;
	text-align: right;
	height: auto;
	font-size: 12px;
}

#nav-header-siteinfo ul {
	float: right;
	display: inline-block;
	margin-bottom: 8px;
	background: none;
	text-decoration: none;
}

#nav-header-siteinfo li {
	float: left;
	margin-right: 13px;
	padding-left: 13px;
	list-style: none;
	background: url(/ref/image/common/bg_separator_black.gif) no-repeat left 2px;
}

#nav-header-siteinfo li.first {
	padding-left: 0;
	background: none;
}

#nav-header-siteinfo li.last {
	margin-right: 0;
}

#nav-header-textscale {
	clear: both;
	padding: 3px 2px 3px 9px;
	text-align: left;
	float: right;
}

#nav-header-textscale table {
	border: none;
	background-color: #f5f6f6;
}

#nav-header-textscale td {
	padding: 3px 3px 3px 0;
	vertical-align: middle;
	text-align: center;
}

#nav-header-textscale td.first {
	padding: 3px 9px;
}

#nav-header-textscale td.first {
	padding-right: 5px;
}


/*
----------------------------------------------------------------------
	4. =Navi
----------------------------------------------------------------------
*/

#navi {
	clear: both;
	text-align: center;
	margin-bottom: 9px;
}

#navi ul {
	display: inline-block;
	background: none;
	text-decoration: none;
}

#navi li {
	display: block;
	float: left;
	list-style: none;
	margin-right: 17px;
	padding-left: 18px;
}

#navi li.home {
	background: url(/ref/image/common/bg_separator_pink.gif) no-repeat left top;
}

#navi li.information {
	background: url(/ref/image/common/bg_separator_orange.gif) no-repeat left top;
}

#navi li.remedy {
	background: url(/ref/image/common/bg_separator_yellow.gif) no-repeat left top;
}

#navi li.backup {
	background: url(/ref/image/common/bg_separator_green.gif) no-repeat left top;
}

#navi li.about {
	background: url(/ref/image/common/bg_separator_bluegreen.gif) no-repeat left top;
}

#navi li.member {
	background: url(/ref/image/common/bg_separator_bluenpurple.gif) no-repeat left top;
	margin: 0;
	padding-right: 19px;
	padding-left: 19px;
}


/*
----------------------------------------------------------------------
	5. =Content
----------------------------------------------------------------------
*/

#content {
	display: inline-block;
	margin-bottom: 37px;
}

.clbox .grid120 {
	float: left;
	margin-right: 13px;
	margin-bottom: 13px;
	width: 120px;
}

.clbox .grid120-marginbottom0 {
	float: left;
	margin-right: 13px;
	width: 120px;
}

.clbox .topics-txt {
	margin-bottom: 13px;
}

.clbox .topics-txt-marginbottom0 {
	margin-bottom: 0;
}

.amazon img {
	margin: 4px 0 10px 0;
}

.square-information {
	margin-left: 30px;
}

#nav-linking {
	margin: 0 0 24px 0;
	padding: 3px 7px 3px 12px;
	height: 26px;
	background-color: #f5f6f6;
}

#nav-linking .nav-linking-pathbox {
	float: left;
	font-size: 11px;
}

#nav-linking .nav-linking-printbox {
	float: right;
	padding-top: 3px;
}

#nav-linking ul, #nav-linking li, #nav-linking a {
	display: block;
}

#nav-linking li {
	float: left;
	list-style: none;
}

#nav-linking .print {
	float: right;
	padding: 0 12px 0 0;
}

#nav-linking .close {
	padding: 0 0 0 12px;
}

/* ---- ( Top contentbox571 start) ---- */

#content .contentbox571 {
	float: left;
	width: 571px;
}

#content .contentbox571 .clbox {
	clear: both;
	padding: 11px 17px 17px 28px;
}

/* ---- ( Top contentbox571 end) ---- */

/* ---- ( Top sidebar312 start) ---- */

#content .sidebar312 {
	float: left;
	margin-left: 22px;
	width: 312px;
}

#content .sidebar312 .crbox {
	padding: 11px 17px 17px 17px;
}

#content .sidebar312 .blackbox {
	padding: 13px 13px 10px 17px;
	border: none;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	font-size: 85%;
}

#content .sidebar312 .brownbox-bbs {
	display: inline-block;
	width: 292px;
	padding: 6px 10px 16px 10px;
	background-color: #eeeae6;
	font-size: 85%;
}

#content .sidebar312 .brownbox-bbs .brownlbox-bbs {
	float: left;
}

#content .sidebar312 .brownbox-bbs .brownrbox-bbs {
	float: left;
	text-align: left;
	margin: 4px 0 0 14px;
	width: 152px;
}

/* ---- ( Top sidebar312 end) ---- */

/* ---- ( contentbox668 start) ---- */

#content .contentbox668 {
	float: left;
	width: 668px;
}

#content .contentbox668 .titlebox-border {
	margin-bottom: 16px;
	padding: 7px 9px 0 27px;
}

#content .contentbox668 .cbox {
	clear: both;
	display: inline-block;
	margin-bottom: 14px;
}

#content .contentbox668 .cbox .grid70 {
	float: left;
}

#content .contentbox668 .cbox .grid580 {
	float: left;
	margin-left: 18px;
	width: 580px;
}

#content .contentbox668 .cbox .txtleftbox {
	float: left;
	margin-right: 18px;
	width: 580px;
}

#content .contentbox668 .cbox .imgrightbox {
	float: right;
}

#content .contentbox668 .clbox {
	clear: both;
	padding: 11px 0 17px 0;
}

#content .contentbox668 .txtbox {
	margin: 0 10px 0 10px;
}

#content .contentbox668 .date {
	margin: 0 10px 0 10px;
	text-align: right;
	font-size: 90%;
}

#content .contentbox668 .txtbox-brown {
	padding: 13px 17px;
	background-color: #f2eee9;
}

#content .contentbox668 .txtbox-border {
	padding: 22px 24px;
	border: 1px solid #cfc8c1;
}

/* ---- ( contentbox668 end) ---- */

/* ---- ( sidebar212 start) ---- */

#content .sidebar212 {
	float: left;
	margin-left: 25px;
	width: 212px;
}

#content .sidebar212 .menubox-brown-border {
	padding: 7px 5px 7px 19px;
	border: none;
	border-left: 1px solid #cfc8c1;
	border-right: 1px solid #cfc8c1;
	font-size: 85%;
}

#content .sidebar212 .menubox-brown-border .chip-menu {
	margin: 0 13px 9px 0;
	padding-left: 13px;
	background: url(/ref/image/common/icon_chip.gif) no-repeat left 2px;
	color: #333333;
}

#content .sidebar212 .menubox-brown-border .chip-menu-bottomnone {
	margin: 0 13px 3px 0;
	padding-left: 13px;
	background: url(/ref/image/common/icon_chip.gif) no-repeat left 2px;
	color: #333333;
}

/* ---- ( sidebar212 end) ---- */


/*
----------------------------------------------------------------------
	6. =List
----------------------------------------------------------------------
*/

ul {
}

ul.square {
	display: inline-block;
	background: none;
	text-decoration: none;
}

.square li {
	float: none;
	margin: 0 13px 3px 0;
	padding-left: 13px;
	list-style: none;
	list-style-position: outside;
	background: url(/ref/image/common/icon_square.gif) no-repeat left top;
	color: #333333;
}

ul.square .inner {
	display: block;
	background: none;
	text-decoration: none;
}

.square .inner li {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-position: outside;
	background: none;
	text-decoration: none;
}

.square .inner li.marginbottom8 {
	margin-bottom: 8px;
}

ul.chip {
	list-style: none;
	background: none;
}

.chip li {
	margin: 0 13px 3px 0;
	padding-left: 13px;
	list-style-position: outside;
	background: url(/ref/image/common/icon_chip.gif) no-repeat left 2px;
	color: #333333;
}

ul.arrow {
	margin-left: 24px;
	list-style: none;
}

.arrow li {
	margin: 0 0 3px 0;
	padding-left: 22px;
	background: url(/ref/image/common/icon_arrow_black.gif) no-repeat left 2px;
}


ul.arrow .chip-inner {
	list-style: none;
	background: none;
}

.arrow .chip-inner li {
	float: none;
	margin: 0 13px 3px 12px;
	padding-left: 13px;
	list-style: none;
	background: url(/ref/image/common/icon_chip.gif) no-repeat left 2px;
	color: #333333;
}

.arrow .chip-inner li.first {
	margin-top: 3px;	
}

ul.bbs {
	display: inline-block;
	background: none;
	text-decoration: none;
}

.bbs li {
	float: none;
	margin: 0 0 3px 0;
	padding-left: 20px;
	list-style: none;
	list-style-position: outside;
	background: url(/ref/image/common/icon_link.gif) no-repeat left 2px;
	color: #333333;
}

/*
----------------------------------------------------------------------
	7. =Table
----------------------------------------------------------------------
*/

/* ---- ( title widget start ) ---- */

.title {
	margin-bottom: 13px;
}

table.title571 {
	width: 571px;
	vertical-align: middle;
	text-align:left;
	background-color: #eeeae6;
	border: none;
	border-spacing: 1px;
}

table.title571 td a {
	font-weight: bold;
}

table.title312 {
	width: 312px;
	vertical-align: middle;
	text-align:left;
	background-color: #eeeae6;
	border: none;
	border-spacing: 1px;
}

table.title312 td a {
	font-weight: bold;
}

table.title668 {
	width: 668px;
	vertical-align: middle;
	text-align:left;
	background-color: #eeeae6;
	border: none;
	border-spacing: 1px;
}

table.title668 td.h2 {
	padding: 9px 0;
}

table.title668-border {
	width: 668px;
	vertical-align: middle;
	text-align:left;
	border: solid #cfc8c1 1px;
	border-spacing: 1px;
}

table.title668-border th, td {
	padding: 5px 0 5px 0;
	border: none;
}

td.whitecircle17 {
	padding-left: 4px;
	padding-right: 4px;
	width: 17px;
}

td.whitecircle25 {
	padding-left: 10px;
	padding-right: 4px;
	width: 17px;
}

td.rss {
	padding-right: 8px;
	text-align: right;
	width: 60px;
}

/* ---- ( title widget end ) ---- */

/* ---- ( graybar-pathbox start ) ---- */

.nav-linking-pathbox table {
	vertical-align: middle;
	height: 26px;
	border: none;
}

.nav-linking-pathbox td {
}

.nav-linking-pathbox td.breadcrumbs {
	padding-left: 3px;
	padding-right: 3px;
}

/* ---- ( graybar-pathbox end ) ---- */

/* ---- ( graybox start ) ---- */

table.graybox {
	vertical-align: middle;
	width: 100%;
	height: 50px;
	border: none;
	background-color: #f5f6f6;
}

.graybox td.prev {
	padding-left: 6px;
	width: auto;
	font-size: 95%;
}

.graybox td.next {
	padding-right: 6px;
	text-align: right;
	width: auto;
	font-size: 95%;
}

.graybox td.button-prev {
	padding-left: 8px;
	width: 17px;
}

.graybox td.button-next {
	padding-right: 8px;
	text-align: right;
	width: 17px;
}

/* ---- ( graybox end ) ---- */

/* ---- ( normal-thbrown start ) ---- */
table.normal-thbrown {
	clear: both;
	width: 100%;
	padding: 0px;
	vertical-align: middle;
	border-collapse: separate;
	border: none;
	border-spacing:1px;
	empty-cells: show;
	background-color: #cfc8c1;
}

table.normal-thbrown th {
	padding: 5px;
	text-align: left;
	background-color: #f2eee9;
	border: solid #ffffff 1px;
}

table.normal-thbrown th img {
	margin-right: 8px;
}	

table.normal-thbrown td {
	padding: 5px;
	background-color: #ffffff;
	border: solid #ffffff 1px;
}

/* ---- ( normal-thbrown end ) ---- */

/* ---- ( backnumber start ) ---- */

table.backnumber {
	clear: both;
	width: 100%;
	padding: 0px;
	vertical-align: middle;
	border-collapse: separate;
	border-spacing: 0px;
	border: none;
	border-spacing:1px;
	empty-cells: show;
	background-color: #cfc8c1;
	font-size: 85%;
}

.backnumber th {
	text-align: center;
	vertical-align: middle;
	background-color: #000000;
	border-top: solid #ffffff 1px;
	border-bottom: solid #ffffff 1px;
	border-right: solid #000000 1px;
	border-left: solid #000000 1px;
	color: #ffffff;
	font-weight: normal;
}

.backnumber th.leftwhite {
	border-left: solid #ffffff 1px;
}

.backnumber th.rightwhite {
	border-right: solid #ffffff 1px;
}

.backnumber td {
	padding: 5px;
	background-color: #ffffff;
	border: solid #ffffff 1px;
}

.backnumber td.name {
	width: 88px;
}

.backnumber td.img {
	vertical-align: middle;
	text-align: center;
	width: 80px;
	font-size: 12px;
}

.backnumber td.img img {
	margin-bottom: 10px;
}

.backnumber td.inner {
	padding: 0;
	vertical-align: top;
}

.backnumber td.inner table {
	padding: 0;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
}

.backnumber td.inner table td {
	padding: 5px 7px 5px 5px;
	vertical-align: middle;
	height: 100%;
	border: none;
	border-right: solid #cfc8c1 1px;
	border-bottom: solid #cfc8c1 1px;
}

.backnumber td.inner table td.bordertop {
	border-top: solid #cfc8c1 1px;
}

.backnumber td.inner table td.borderrightnone {
	border-right: none;
}

.backnumber td.inner table td.bottomnone {
	border-bottom: none;
}

.backnumber td.inner .notice {
	margin: 1px;
	padding: 5px 7px 5px 5px;
	background-color: #f2eee9;
}

/* ---- ( backnumber end ) ---- */

/* ---- ( menubox-brown start ) ---- */

#content .sidebar212 table.menubox-brown {
	vertical-align: middle;
	width: 212px;
	height: 36px;
	background: url(/ref/image/common/bg_menubox_brown_top.gif) no-repeat top;
	border: none;
}

#content .sidebar212  table.menubox-brown td {
	padding: 6px 0 0 19px;
}

#content .sidebar212  table.menubox-brown h2 a {
	font-weight: bold;
}

/* ---- ( menubox-brown end ) ---- */



/*
----------------------------------------------------------------------
	8. =Pagenavi
----------------------------------------------------------------------
*/
#pagenavi {
	clear: both;
	margin-bottom: 20px;
}

.nav-prev {
	float: left;
	margin-left: 2px;
	padding-left: 15px;
	background: url(/ref/image/common/btn_chip_prev.gif) no-repeat left 5px;
	font-size: 11px;
}

.nav-top {
	float: right;
	margin-right: 2px;
	padding-right: 15px;
	background: url(/ref/image/common/btn_chip_top.gif) no-repeat right 5px;
	font-size: 11px;
}

.txtright {
	clear: both;
	float: right;
	text-align: right;
	margin: 2px 0 2px 2px;
	padding-left: 13px;
	background: url(/ref/image/common/icon_chip.gif) no-repeat left 5px;
	font-size: 11px;
}


/*
----------------------------------------------------------------------
	9. =Footer
----------------------------------------------------------------------
*/

#footer {
	clear: both;
	margin-bottom: 21px;
	height: 38px;
	background: url(/ref/image/common/bg_footer.gif) no-repeat;
}

#footer a {
	color: #ffffff;
	text-decoration: underline;
	font-weight: normal;
}

#footer .fbox {
	float: left;
	display: block;
	padding-top: 10px;
	width: 500px;
	color: #ffffff;
	font-size: 12px;
}

#footer .fbox ul {
	display: inline-block;
	list-style: none;
}

#footer .fbox li {
	display: block;
	float: left;
	margin-right: 8px;
	padding-left: 8px;
	background: url(/ref/image/common/img_separator_white.gif) no-repeat left 2px;
}

#footer .fbox li.first {
	padding-left: 16px;
	background: none;
}

/*
----------------------------------------------------------------------
	10. =Form
----------------------------------------------------------------------
*/

table.form th {
	width: 150px;
}

form .btn {
	display: block;
	text-align:center
}

form .btn input {
	margin: 10px 20px 10px 0;
	width: 150px;
}

form input {
	margin: 0px 5px 0px 5px;
}

form select {
	margin: 0 5px 0 5px;
}

form .notice { 
  margin: 0 0 0 5px;
}

form label {
  margin: 5px 0 0 5px;
}

.required {
  color:#FF0000;
}

.error {
  color:#FF0000;
}

form .inputtxt-short {
	width: 60px;
}

form .inputtxt-middle {
	width: 150px;	
}

form .inputtxt-long {
	width: 300px;	
}

form textarea {
  margin: 5px 5px 5px 5px;
  width: 95%;
}