/*-- インポート項目 --*/
@import url("top.css");
@import url("middle.css");
@import url("topics.css");
@import url("mypage.css");
@import url("purchase.css");
@import url("inform.css");

/*-- 862929 共通項目 --*/
* {
	line-height: normal;
	margin: 0;
	padding: 0;
	/*border: 1px solid black;*/
}
body {
	text-align: center;
	/*background: url(/images/floor.jpg);*/
	color: #666;
	font-size: 12px;line-height:2.5em;
	letter-spacing: .5px;
	text-decoration: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", sans-serif;
	margin: 0;
	padding: 10px;
}
.all {
	width: 860px;
	background-color: #fff;
	margin: 0 auto;
}

h1 {
	font-size: 24px; letter-spacing:1px;
	color: #666;
	margin: 15px 0;
	padding: 10px 0;
}

h1.top { margin: 5px 0; padding: 0;}

h2 {
	font-size: 12px;
	color: #666;
	background: url(/images/h2.gif) no-repeat left bottom;
	margin: 15px 0 5px 0;
	padding: 0 0 6px 16px;
}
h3 {
	font-size: 12px;
	color: #666;
	background: url(/images/h3.gif) no-repeat 5px 2px;
	>background-position: 5px 0px;/* win IE */
	margin: 15px 0 10px;
	padding: 0 0 0 20px;
}
p {
	line-height: 120%;
	margin: 0 0 5px;
}
img {
	border: 0px;
}
table {
}
th,td {
	font-size: 12px;
	padding: 0;
}
dl,ul,ol {
	margin: 0;
	padding: 0;
}
dt {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.error_message {
	margin-bottom: 10px;
	margin-left: 3px;
}
.error_message em {
	text-decoration: none;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	text-align: left;
	color: #F00;
	display: block;
}

dd,li {
	line-height: 130%;
	margin: 0;
	padding: 0;
}
sup {
	vertical-align: 5px;
}
sub {
	vertical-align: -2px;
}
.ja{
	ime-mode:active;
}
.en{
	ime-mode:disabled;
}
.pass{
	height: 20px;
}
strong {
	font-weight: normal;
}

/*-- リンク指定 --*/
a{
	text-decoration: none; font-weight: normal;
}
a:link,a:visited {
	color: #339900; font-weight: normal;
}
a:hover {
	color: #666666; font-weight: normal;
}
a.ca-gray {
	font-size: 10px;
	background: url(/images/ca-gray.gif) no-repeat 0px 1px; 
	padding-left: 11px;
}

/*-- all上のサマリー部 --*/
.summary {
	background-color: #fff;
	padding: 1px 0;
	border-bottom: 1px solid #333;
}
.summary div {
	text-align: right;
	width: 840px;
	margin: 0 auto;
	padding: 0;
	/* IE fix */
	display:inline-table;/*for MacIE*/
}
.summary div:after {/* fix */
	content: ".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.summary div p {
	width: 400px;
	float: right;
}
.summary div h1,.summary div p {
	color: #808080;
	font-size: 9px;
	font-weight: normal;
	background-image: none;
	margin: 0;
	padding: 0;
	display: block;
}
.summary div h1.smr,.summary div p.smr {
	text-align: left;
	width: 400px;
	margin: 0;
	padding: 0;
	float: left;
}
/*.summary div a:link,.summary div a:visited,.summary div a:hover {color: #ffffff;}*/

/*-- ヘッダ部 --*/
.head {
	text-align: right;
	width: 840px; margin-top: 0;
	margin-left: 10px;
	>margin-right: 10px;/* win IE */
	padding-top: 0;
	clear: right;
}
.ci-logo {
	float: left;
	margin-bottom: 6px;
}
.h-navi {
	margin-top: 0; margin-bottom: 6px;
}
.h-navi img {
	vertical-align:top; margin-left : 10px;
}
.h_txt,.h_txt a:link,.h_txt a:visited { font-size:10.5px; color: #339900; letter-spacing:0;}

.g-navi {
	text-align: center;
	width: 830px;
	background-color:#e7e7e7;
	background: url(/images/gnavi00.gif) repeat-x;
	margin-left: 10px;
	>margin-right: 10px;/* win IE */
	clear: both;
}
.g-navi ul {
	width: 840px;
	list-style-type: none;
}
.g-navi ul li {
	display: block;
	float: left;
}
.g-navi li a {
	height: 30px;
	display: block;
}
.g-navi li.g01 a {
	width: 126px; margin-left: 30px;
	background: url(/images/gnavi01.gif) no-repeat;
}
.g-navi li.g02 a {
	width: 127px;
	background: url(/images/gnavi02.gif) no-repeat;
}
.g-navi li.g03 a {
	width: 127px;
	background: url(/images/gnavi03.gif) no-repeat;
}
.g-navi li.g04 a {
	width: 127px;
	background: url(/images/gnavi04.gif) no-repeat;
}
.g-navi li.g05 a {
	width: 127px;
	background: url(/images/gnavi05.gif) no-repeat;
}
.g-navi li.g06 a {
	width: 126px;
	background: url(/images/gnavi06.gif) no-repeat;
}

/*-- コンテンツ --*/
.contents {
	width: 841px;
	background: url(/images/bg-contents.gif) repeat-y 226px 0px;
	margin-left: 9px;
	>margin-right: 10px;/* win IE */
	padding: 5px 0 2px;
	clear: left;
}
a span {
	display: none;
}
.black {
	color: #333;
}
.gray {
	color: #525252;
}
.partition {
	clear: both;
	display: none;
}
.clr {
	clear: both;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

/*-- メインコンテンツ --*/
.main {
	text-align: left;
	width: 618px;
	margin: 0;
	padding: 0;
	float: right;
}
ol.path {
	margin: 0 0 5px;
	list-style-type: none;
}
ol.path li {
	display: inline;
}
.path a {
    background: url(/images/path.gif) no-repeat right center;
	padding-right: 10px;
	margin-right: 3px;
}

/*-- サイドメニュー --*/
.menu {
	text-align: left;
	width: 223px;
	margin: 0;
	padding: 0;
	float: left;
}
.m-login {
	width: 218px;
	border: 1px solid #E1E1E1;
	margin: 5px 0 0 1px;
}
.m-login div {
	text-align: center;
	background-color: #fff;
	margin: 1px;
	padding: 5px;
}
.m-login p {
	margin: 4px 0 7px;
}
.menu .m-login ul {
	background: url(/images/bg-dot.gif) no-repeat top center;
	padding-top: 5px;
}
.menu h2 {
	font-size: 12px; color:#666; text-align:left;
	background: url(/images/h2.gif) no-repeat left bottom;
	margin: 15px 0 5px 0;
	padding: 0 0 6px 16px;
}
.menu h3 {
	font-size: 12px; color:#666; text-align:left;
	font-weight: normal;
	background-image: none;
	margin: 0 0 5px;
	padding: 0;
}
.menu ul {
	margin: 0;
	padding: 0;
}
.menu li {
	text-align: left;
	background: url(/images/arw-gray.gif) no-repeat 4px 4px; margin-left:10px;
	padding: 0 0 0 13px;
	list-style-type: none;
}
.menu dl {
	margin: 0 0 3px 1px;
}
.menu dt {
	margin-top: 3px;
	padding: 0;
}
.menu dd {
	margin-right: 2px;
	padding: 5px;
	border: 1px solid #E1E1E1;
	border-top: none;
}
.menu dd img {
	margin-bottom: 3px;
}
p.bn, div.bn {
	text-align: center;
	margin: 3px 0 0;
}

/*-- ページ上部へ --*/
.to-top {
	margin-top: 20px;
	margin-right: 15px;
}
.to-top a {
	width: 52px;
	height: 10px;
	background: url(/images/page.gif) no-repeat right top;
	float:right;
	display: block;
	clear: both;
}

/*-- フッター --*/
.footer {
	font-size: 10px;
	padding-bottom: 5px;
}
ul.f-navi {
	border-top: 2px solid #666;
	border-bottom: 1px solid #ccc;
	margin: 0 0 5px;
	padding: 5px 0;
	clear: right;
}
ul.f-navi li {
	display: inline;
	padding: 0 0.5em;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: 1px solid #666;
	list-style-type: none;
}
ul.f-navi li.close {
	border-right: 1px solid #666;
}
address {
	font-style: normal;
}
address p {
	line-height: 150%;
	margin-bottom: 5px;
}
address p span {
	font-size: 12px;
}
address span a:link,address span a:visited {
	color: #0066CC;
	text-decoration: underline;
}
address span a:hover {
	text-decoration: none;
}

/*-- フォームセット --*/
form {
	margin: 0;
	padding: 0;
}
textarea {
	font-size: 12px;
	margin-bottom: 5px;
}
.submit {
	text-align: center;
	border: none;
}
.caution {
	font-weight: bold;
	color: #FF0000;
}

/*-- フォームメール内部フォーマット --*/
.mail-form {
	background: #000;
}
.mail-form dt {
}
.mail-form dd {
}
.mail-form th {
}
.mail-form td {
	background: #fff;
}
.mail-input {
	text-align: center;
}

.top-page { 
	text-align: center;
	margin-top: 15px;
}

/*side menu*/
.item {font-size: 10px; text-align: center; valign: top; padding: 2px; /* 上, 右, 下, 左 */}

/*汎用*/
.leftbox   { float :left }　　　/*左へ回り込む*/
.rightbox   { float :right }　　　/*右へ回り込む*/