@charset "euc-jp";
/*
文字コードで困った時はCtrl+J

*/

@import "box.css";


* {
	/*border:1px solid pink;*/
	/*margin:0px;
	padding:0px;*/
}

body {
	/*background:#f3f3f3 url(img/bg_body_c.gif) repeat-y center top; color:#555555;*/
	background: url(img/bg_body_e.gif) #ffffff scroll repeat-y 50% 0px;/*fixed:scroll*/
	/*font:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
	/*font: 90%/175% Osaka, Verdana, sans-serif;
	/*font: 90%/175%;/* Osaka, Verdana, sans-serif;*/
	/*font-size:small;*/
	margin:0; padding:0; font-size:smaller; line-height:140%;color:#555555;text-align:center; 
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-arrow-color:#cccccc;
	scrollbar-shadow-color:#cccccc;
	scrollbar-darkshadow-color:#ffffff;
	scrollbar-highlight-color:#cccccc;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-track-color:#eeeeee;
}

form {
	margin:0px;
}

iframe {
	border:none;
}

legend {
	margin:5px 0px 5px 0px; padding:0px 7px 0px 7px;background-color:#eeeeee;border:1px solid #dddddd;	
}

ul,
dl {
	margin: 1em 10px; padding: 1px 10px;/*list-style-position:inside;*/
}
ol{
}

li,
dt,
dd {
	font-size: 100%;
}

dt {
}
dd {
	color: #666666;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
　font-size: 100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
　margin: 0 5px;
}

table,
tr,
td {
	margin:0; padding:0; border:none;/*font-size:smalle;*/
}

p {
	margin:20px 0px 20px 0px;
}

input {
	/*margin: 0px 1px 0px 0px; border: 1px solid #dcdcdc;background: #e6eadb;*/	/*border:1px solid #cccccc;padding-left:3px;*/
}
input[type="submit"] {
}
input.login {
	width:120px; height:20px; font-size:20px;
}

/* link */
a,
a:link /*a:visited */{
	 color:#009999; text-decoration: none;/*#006600*/
}
a:hover,
a:active {
	/*color: #006600;*/	text-decoration: underline;
}
a img {
	/*border:1px solid #ffffff; vertical-align:middle;*/
	border:none;
}
a:hover img{
	/*border:1px solid #009999; background:#F4FFF9;*/
}


/* ページ全体をセンタリング wrap */
.adm_rap {
	margin: 0 auto 0 auto; width: 760px; border:none; background: #FFFFFF; text-align: left;/*border: 1px solid #dcdcdc;*/
}




/*-----------------------------------------------------------------*/
/* header　ページ上部
/*-----------------------------------------------------------------*/
/* ロゴ */
.adm_logo {
	float:left;
}

/* グローバルナビゲーション */
.topmenu{
	margin:0px 0px 3px 0px;
}
.topmenu a,
.topmenu a:link /*a:visited */{
	text-decoration: none;color: #666666; font-size:smaller;
}
.topmenu a:hover,
.topmenu a:active {
	text-decoration: none;
	color: #333333;
}
.topmenu img {
	margin-right:2px; vertical-align:bottom; border:none;
}
.topmenu a:hover img{
	border:none;
}

/* サブメニュー */
.adm_popupmenu{
	margin:0px; padding:0px; width:200px; visibility:hidden; position:absolute; background:#ffffff; border:1px solid #cccccc; border-left:16px solid #dddddd; line-height:normal;
}
.adm_popupmenu ul{
	margin:0px; padding:0px;
}
.adm_popupmenu li{
	margin:0px; padding:0px; display:inline; list-style-type:none;
}
.adm_popupmenu li a,
.adm_popupmenu li span
{
	display:block; position:relative; margin:3px;padding:3px 10px; border:1px solid #ffffff;
}
.adm_popupmenu li a:hover{
	text-decoration:none; background:#eeeeee; border:1px solid #eaeaea;
}
.adm_popupmenu li hr {
	margin:2px; padding:0px; border:1px solid #ffffff; border-bottom:1px dotted #dddddd;
	/*background:url(img/dot_line_a.gif) no-repeat left center;*/
}


/*-----------------------------------------------------------------*/
/* title ページの大項目
/*-----------------------------------------------------------------*/
/* タイトル */
.adm_title_a {
	margin-bottom:20px; padding:3px 0px 3px 20px; background:#fafafa; border-bottom:1px solid #aaaaaa; border-top:1px solid #aaaaaa;
}
.adm_title_a img{
	margin:0px 20px 5px 0px;vertical-align:middle;
}
.adm_title_a span{
	font-size:larger;font-weight:bold;
}

/*-----------------------------------------------------------------*/
/* tabmenu タブメニュー
/*-----------------------------------------------------------------*/
.adm_headermenu {
	 width:100%px; margin-bottom:20px;
}
.adm_headermenu ul {
	margin:0; padding:0; width:760px;
}
.adm_headermenu li {
	cursor:pointer;	margin-right:1px; float:left;list-style-type:none;text-align:left; display:inline;
}
.adm_headermenu li a {
	cursor:pointer;background:url(img/tab_tl.gif) no-repeat left -68px;color:#FFFFFF;display:block;float:left;
}
.adm_headermenu li a span{/* -68px */
	cursor:pointer;background:url(img/tab_tr.gif) no-repeat right -68px;padding:5px 15px 5px 15px;display:block;line-height:120%;
}
.adm_headermenu li a:hover {
	cursor:pointer;	text-decoration:none;background-position:left -136px;/*-68px -136*/
}
.adm_headermenu li a:hover span{
	cursor:pointer;	text-decoration:none;background-position:right -136px;
}

/*-----------------------------------------------------------------*/
/* カラムレイアウト
/*-----------------------------------------------------------------*/
.adm_header {
	margin:0 auto 0 auto; padding:0px; width:760px;border:none;
}
.adm_contents {
	margin:0px 0px 0px 0px; padding:0px 0px 100px 0px;border:noen; /*background-image:url(img/bg_slash_a.gif);*/
}
.adm_leftcol {
	padding-left:10px;width:199px; text-align:left; vertical-align:top;float:left;
	background-color:#ffffff;border-right:1px solid #aaaaaa;	
}
.adm_centercol {
	width:550px;border:none;text-align:left;vertical-align:top;background-color:#ffffff;float:left;/*padding:3px;*/
}
.adm_rightcol {
	margin-left:5px;padding-left:5px;width:200px;text-align:left;vertical-align:top;background-color:#ffffff;float:left;
}
.adm_footer {
	/*clear:both;*/	clear:both;width:760px;background-color:#ffffff;text-align:center;padding-bottom:20px;
}
.adm_page {
	clear:both; width:100%; text-align:left; vertical-align:top;
}
.adm_1col_center {
	padding:0px;width:100%;text-align:left;;margin-left:auto;margin-right:auto;padding-bottom:50px;
}

/*-----------------------------------------------------------------*/
/* ナビ
/*-----------------------------------------------------------------*/
/* サイド */
.adm_sidenavi{
	margin:0;padding:0;line-height:normal;
}
.adm_sidenavi ul{
	padding:0px;margin:0px 0px 0px 5px;
}
.adm_sidenavi li{
	margin: 0;padding: 0;display: inline;/* li要素の隙間を無くす */	list-style-type:none;
}
.adm_sidenavi li a{
	padding: 0.4em 10px;display: block;	position: relative; /* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;text-decoration: none;
	background-color:#ffffff;
	/*border-bottom:1px solid #dadada;*/
	border-left:5px solid #ddddff;/*#009999;*/
}
.adm_sidenavi li a:hover {
	text-decoration:none;background-color: #eeeeee;
}

/* 上下 */
.adm_linenavi {
	margin:0px;padding:0px;width: 760px;/* 必ずwidthの設定をしてください */line-height:normal;
}
.adm_linenavi ul{
	padding:0px;margin:0px;
}
.adm_linenavi::after {
	height: 0; visibility: hidden;content: ".";	display: block;	clear: both;
}
.adm_linenavi li {
	margin: 0;padding: 0;float: left;width: 120px;list-style-type: none;
}
.adm_linenavi li a {
	margin:0px 1px 1px 0px; padding: 0.4em 10px;display: block;	position: relative; /* IE6でマウス反応領域がおかしいのをFix */
	font-size: 12px;color:#009999;text-align: center;text-decoration: none;
	background:#eeeeee;white-space:nowrap;
	
}
.adm_linenavi li a:hover {
	color: #000;text-decoration:none;background-color:#dddddd;
}


/*-----------------------------------------------------------------*/
/* テーブル　レイアウト
/*-----------------------------------------------------------------*/
/* 標準 */
.adm_table_a {
	border:1px solid #aaaaaa; border-collapse:collapse;
}
.adm_table_a th{
	padding:3px; border:1px solid #aaaaaa;
}
.adm_table_a td {
	padding:3px; border:1px solid #aaaaaa;
}

/* お知らせ*/
.adm_table_b {
	background-color:fafafa;
}
.adm_table_b td {
	padding:3px 3px 5px 3px; border-bottom:1px dashed #dddddd;	
}

/* レイアウト用 */
.adm_table_layout{}
.adm_table_layout td{
	border:none;
}

/* デモ */
.adm_table_c {}
.adm_table_c td {
	padding:3px; background:url(img/dot_line_a.gif) repeat-x left bottom; text-align:left;vertical-align:middle;	
}
.adm_table_c table.demo td a {
	padding:0px 0px 0px 20px; background:url(img/tv.gif) no-repeat left center; display:block;
}

/*-----------------------------------------------------------------*/
/* リストテーブル
/*-----------------------------------------------------------------*/
/* 汎用 */
.adm_listtable_a {/* 必ずwidthの設定をしてください */
	margin: 0px 0px 20px 0px; padding:0;width:100%;line-height:normal;		
}
.adm_listtable_a::after {
	height: 0px; visibility: hidden; content: "."; display: block; clear: both;
}
.adm_listtable_a li {
	margin:0px 10px 0px 0px;padding:5px 0px 5px 0px; width:200px; background:url(img/dot_line_a.gif) no-repeat left bottom; float:left; list-style-type:none;
}
/*.adm_listtable_a li a:hover {}*/

/* デモ */
ul.demo {
	margin: 0px 0px 20px 0px; padding:0;width:100%;line-height:normal; list-style-type:none; float:left;/*border:1px solid red;*/
}
ul.demo li {
	margin:0px 10px 0px 0px;padding:5px 0px 5px 0px; width:250px; background:url(img/dot_line_a.gif) no-repeat left bottom; float:left;
}
ul.demo li a {
	padding:3px 3px 3px 20px; background:url(img/tv.gif) no-repeat left center; display:block;
}



/*-----------------------------------------------------------------*/
/* 背景バー　バックグラウンド
/*-----------------------------------------------------------------*/
.bg_a {
	background:#aaaaaa url(img/bg_slash_b.gif); height:20px;
}
.bg_b {
	padding-left:10px;background:#ffffff url(img/bg_gr_blue.gif); color:#ffffff;
	font-weight:bold; border:1px solid ##3399FF;
}
.bg_c {
	padding-left:10px; background:#eeeeee url(img/bg_gr_silver.gif) left 2px; color:#333333;font-weight:bold;
	border:1px solid #cccccc; border-left:none; border-right:none; border-bottom:none;
}
.bg_d {
	background:url(img/bg_dot.gif) #eeeeee;
}


/*-----------------------------------------------------------------*/
/* ツリー
/*-----------------------------------------------------------------*/
/* 汎用 */

.adm_tree,
.adm_tree ul,
.adm_tree ol {
	list-style-type:inherit;
}
.adm_tree div {
	cursor:pointer;
}
.adm_tree div:hover{
	background-color:#FFCCCC;
}

.adm_tree ul ul,
.adm_tree ol ul {
	display:none;
}
.adm_tree ul ul li,
.adm_tree ol ul li {
	list-style-type:none;
}
.adm_tree ul ul li a {
}


.adm_tree * {
	/*border:1px solid blue;*/
}

/* faq */
ol.faq {
	list-style-type:decimal-leading-zero;
}
ol.faq div.q{
	cursor:pointer; color:#006600;
}
ol.faq div.a{
	padding:10px; margin-left:20px;border:1px solid #eeeeee; color:#333333; background:#ffcc99; display:none;
}

/*-----------------------------------------------------------------*/
/* ヘッダ
/*-----------------------------------------------------------------*/
h1{font-size:200%;}
h2{font-size:180%;}
h3{font-size:130%;}
h4{font-size:110%;}
h5{font-size:100%;}
h6{font-size:80%;}

h2.a {
	margin:10px 5px 10px 0px; padding:3px; color:#669900;font-weight:bold;font-size:larger;/*border-bottom:1px double #669900;*/
	background:url(img/dot_line_a.gif) no-repeat left bottom;
}

h3.a {
	margin:10px 5px 10px 0px; padding:3px; color:#669900;font-weight:bold;font-size:larger;border-bottom:1px double #669900;
}
h3.b {
	margin:10px 5px 10px 0px; padding:3px 3px 3px 5px;color:#FF3300;font-weight:bold;font-size:larger;border-bottom:1px double #ff3300;border-left:15px solid #ff3300;
}
h3.c {
	margin:20px 5px 20px 0px; padding:3px 3px 3px 5px;color:#FF6633;font-weight:bold;font-size:normal; border-bottom:1px double #FF6633;
	/*margin:0; padding:0;*/
}
h3.d {
	margin:20px 0px; padding:3px; border-bottom:3px double #FF9999; color:#FF9999; font-weight:bold;
}

h5.simple {
	margin:0px; padding:2px 10px; border-bottom:1px dotted #000000;
}

/*-----------------------------------------------------------------*/
/* テキスト
/*-----------------------------------------------------------------*/
.price {
	color:red;
}
.catalog{
	color:blue;
}
.caption{
	color:orange;
}

/*-----------------------------------------------------------------*/
/* help
/*-----------------------------------------------------------------*/
.adm_help_a {
	padding:5px;
	border:1px solid #E0DDFB;
	background-color:#F3F1FC;
	color:#666666;
}
.adm_help_a legend {
	color:#66CC00;
	border:1px solid #E0DDFB;
	background-color:#F3F1FC;
	font-weight:bold;
}


/*-----------------------------------------------------------------*/
/* banner
/*-----------------------------------------------------------------*/
table.adm_banner_it td{
	text-align:left; vertical-align:top;
}
table.adm_banner_it td.image img{
	border:1px solid #aaaaaa;
}
table.adm_banner_it td.msg {
	padding:0px 0px 0px 5px;
}
table.adm_banner_it td.msg span.title {
	font-size:smaller; font-weight:bold;
}
table.adm_banner_it td.msg div.caption {
	font-size:smaller; line-height:120%; color:#555555;
}

/*-----------------------------------------------------------------*/
/* line
/*-----------------------------------------------------------------*/
hr.sepa_dot {
	border:1px solid #ffffff; border-bottom:1px dotted #dddddd;
}

/*-----------------------------------------------------------------*/
/* link
/*-----------------------------------------------------------------*/
div.linkbox a{
	display:block;
}
div.linkbox a:hover{
	background:#eeeeee;	text-decoration:none;
}