﻿/* For Sanesu Management Systems Co. Ltd. */

body {
	margin:0;
	color:#333;
	font-size:1.0em;
	line-height:1.4;
	text-align:center;
	font-family:Arial, Osaka, "ＭＳ Ｐゴシック", sans-serif;
	background:#a0c1ff url(./images/bg.gif) repeat-x center top;
}

a:link		{ text-decoration:none;	}
a:active	{ text-decoration:none;	}
a:visited	{ text-decoration:none;	}
a:hover		{ text-decoration:underline;	}

a.pdf	{ padding-left:20px; padding-bottom:3px; background:url(./images/pdf.gif) no-repeat 0 0; }

h1	{ height:24px; margin:0; padding:16px 0;
	color:#fff; font-size:21px; text-align:left; text-indent:48px; letter-spacing:0.2em;
	background:transparent url(./images/h1.png) no-repeat left top;
}

h2	{ padding:6px 8px; color:#333; font-size:1.0em; text-align:left; border:1px solid #69c; border-left:4px solid #69c; }

h3	{ margin:16px 8px; padding:6px 12px 4px;
	color:#fff; font-size:18px; text-align:left; letter-spacing:0.1em;
	border:3px solid #ddd; background-color:#666;
}
h3 a	{ color:#fff; }
h3 span	{ display:block; float:right; color:#eee; font-size:14px; font-family:Arial; font-weight:normal; }
h3.track	{ height:31px; margin-left:0; margin-right:0; padding:2px 0 0 50px;
	color:#333; font-size:1.1em; text-align:left; letter-spacing:0.3em;
	border:none; background:transparent url(./images/ttl_base.gif) no-repeat left top;
}

h4	{ margin:1em; margin-top:2em; padding:6px 12px 3px;
	color:#456; font-size:14px; text-align:left; letter-spacing:0.1em;
	border-left:3px solid #c60;
}
/*
h4	{ margin:8px; padding:6px 12px 3px;
	color:#fff; text-align:left; letter-spacing:0.1em;
	border:1px solid #9c6; background-color:#79b;
}
*/

h5	{ margin:1em 2em; color:#456; font-size:14px; text-align:left; }


br.clear	{ clear:both; margin-bottom:1em; }

/*-----------------------------------------------------------------*/
table.ja		{ margin:1em; width:90%; font-family:Arial; }
table.ja tr		{ font-size:0.9em; line-height:1.3; }
table.ja th		{ padding:0.5em 0.8em; vertical-align:top; background-color:#eee; }
table.ja td		{ padding:0.5em 0.8em; text-align:left; vertical-align:top; background-color:#eee; }
table.ja .ng	{ color:#666; text-decoration:line-through; background-color:#f8f8f8; }
table.ja .ec	{ white-space:nowrap; text-align:center; background-color:#f0f0f0; }
table.ja .dc	{ white-space:nowrap; text-align:center; background-color:#ddd; }
table.ja .e		{ white-space:nowrap; background-color:#f0f0f0; }
table.ja .d		{ white-space:nowrap; background-color:#F8E7E7; width:150px;}
table.ja .l		{ text-align:left;  }
table.ja .r		{ text-align:right; }

table.solid		{ margin:1em; margin-left:2.4em; font-size:0.9em; font-family:Arial; border-collapse:collapse; border:1px solid #abc; }
table.solid tr	{ font-size:1.0em; line-height:1.3; }
table.solid th	{ padding:0.5em 0.8em; vertical-align:top; color:#333; border:1px solid #abc; background-color:#eee; }
table.solid td	{ padding:0.5em 0.8em; text-align:left; vertical-align:top; border-right:1px solid #abc; border-bottom:1px solid #abc; }
table.solid .ng	{ color:#666; text-decoration:line-through; background-color:#f8f8f8; }
table.solid .ec	{ white-space:nowrap; text-align:center; background-color:#f0f0f0; }
table.solid .dc	{ white-space:nowrap; text-align:center; background-color:#eee; }
table.solid .bt	{ white-space:nowrap; background-color:#069; color:#fff; }
table.solid .e	{ white-space:nowrap; background-color:#cde; color:#000; }
table.solid .d	{ white-space:nowrap; background-color:#eee; }
table.solid .l	{ text-align:left;  }
table.solid .r	{ text-align:right; }

table.paymt		{ margin:1em; font-size:0.9em; font-family:Arial; border-collapse:collapse; border:1px solid #abc; }
table.paymt tr	{ font-size:1.0em; line-height:1.3; }
table.paymt th	{ padding:0.5em 0.7em; vertical-align:top; color:#333; border:1px solid #abc; background-color:#eee; }
table.paymt td	{ padding:0.5em 0.5em; vertical-align:top; border-right:1px solid #abc; border-bottom:1px solid #abc; }
table.paymt .ng	{ color:#666; text-decoration:line-through; background-color:#f8f8f8; }
table.paymt .ec	{ white-space:nowrap; text-align:center; background-color:#f0f0f0; }
table.paymt .dc	{ white-space:nowrap; text-align:center; background-color:#eee; }
table.paymt .e	{ white-space:nowrap; background-color:#cde; color:#000; }
table.paymt .d	{ white-space:nowrap; background-color:#eee; }
table.paymt .l	{ text-align:left;  }
table.paymt .r	{ text-align:right; }
table.paymt .c	{ text-align:center; }

table.hsbox		{ margin:1em; font-size:0.9em; font-family:Arial; border-collapse:collapse; border:1px solid #abc; }
table.hsbox tr	{ font-size:1.0em; line-height:1.3; }
table.hsbox th	{ padding:0.5em 0.8em; vertical-align:top; color:#333; border:1px solid #abc; background-color:#eee; }
table.hsbox td	{ padding:0.5em 0.8em; text-align:left; vertical-align:top; border:1px solid #abc; background-color:#ffe; }
table.hsbox .ng	{ color:#666; text-decoration:line-through; background-color:#f8f8f8; }
table.hsbox .ec	{ white-space:nowrap; text-align:center; background-color:#dfb; color:#040; }
table.hsbox .dc	{ white-space:nowrap; text-align:center; background-color:#ddd; }
table.hsbox .e	{ white-space:nowrap; background-color:#cde; color:#000; }
table.hsbox .d	{ white-space:nowrap; background-color:#eee; }
table.hsbox .l	{ text-align:left;  }
table.hsbox .r	{ text-align:right; }

table.nline		{ font-size:0.8em; line-height:1.2; font-family:Arial; }
table.nline td	{ padding-right:0.8em; vertical-align:top; }
table.nline .e	{ white-space:nowrap; background-color:#f0f0f0; }
table.nline .d	{ white-space:nowrap; background-color:#ddd; }
table.nline .l	{ text-align:left;  }
table.nline .r	{ text-align:right; }

table.padd5		{ font-family:Arial; }
table.padd5 td	{ padding:0.8em; vertical-align:top; }

/*--画像マスク・サムネイル表示------------------------------------*/
div.mask_k	{ width:160px; height:120px; background-color:#ccc; overflow:hidden; }
div.mask_l	{ width:150px; height:150px; background-color:#ccc; overflow:hidden; }
div.mask_m	{ width:100px; height:100px; background-color:#ccc; overflow:hidden; }
div.mask_s	{ width:50px;  height:50px;  background-color:#ccc; overflow:hidden; }

.phbox_r	{ float:right; margin:0 1em 1em; padding:0.4em; text-align:center;
	color:#666; font-size:13px; line-height:1.5; background-color:#fff; border:1px solid #ddd; }
.phbox_r img	{ border:0px solid #ccc; }
.phbox_nr	{ float:right; margin:0 1em 1em; padding:0.4em; text-align:center;
	color:#666; font-size:13px; line-height:1.5; }
.phbox_nr img	{ border:0px solid #ccc; }

.phbox_l	{ float:left; margin:0 1em 1em; padding:0.4em; text-align:center;
	color:#666; font-size:13px; line-height:1.5; background-color:#fff; border:1px solid #ddd; }
.phbox_l img	{ border:0px solid #ccc; }
.phbox_nl	{ float:left; margin:0 1em 1em; padding:0.4em; text-align:center;
	color:#666; font-size:13px; line-height:1.5; }
.phbox_nl img	{ border:0px solid #ccc; }

.phbox_c	{ margin:0 1em 1em; padding:0.4em; text-align:center;
	color:#666; font-size:13px; line-height:1.5; background-color:#fff; border:1px solid #ddd; }
.phbox_nc	{ margin:0 1em 1em; padding:0.4em; text-align:center;
	color:#666; font-size:13px; line-height:1.5; }

.phbox_t	{ float:left; height:190px; margin:0 0 1em 1em; padding:0; text-align:center;
	color:#ddd; font-size:10px; line-height:1.5; background-color:#678; border:1px solid #eee; }
.phbox_t img	{ padding:6px; border:0px solid #ccc; }

.gline	{ clear:both; height:8px; text-align:left; background-color:#696; }

/*--インフォメーション・ヘッドライン------------------------------*/
.info		{ padding:0.5em 0; font-size:13px; line-height:1.1; }
.info ul	{ margin:0; padding:0; list-style-type:none; }
.info li	{ margin-bottom:8px; padding-bottom:8px; padding-left:18px; text-align:left;
	border-bottom:1px dotted #ccc; background:transparent url(./images/arrow15x15.gif) no-repeat left 2px; }
.info span	{ padding-left:1em; color:#080; font-weight:normal; font-family:Arial; }
.info .ttl	{ margin-left:8px; padding-left:20px; color:#03c; font-size:1.1em; font-weight:bold; background:transparent url(./images/arrow15x15.gif) no-repeat left top; }
.info .cmt	{ margin-left:8px; padding-left:20px; }

.headline	{ margin-bottom:0.5em; padding:0.1em; color:#360; font-weight:bold; border-bottom:1px dashed #ccc; }

.link_box		{ margin:1em 2em; padding:0.4em 20px; font-size:0.9em; line-height:1.2; background:#fff url(./images/arrow15x15.gif) no-repeat left 5px; }
.link_box a		{ font-size:1.1em; font-weight:bold; }
.link_box .ttl	{ font-size:1.1em; font-weight:bold; }
.link_box span	{ color:#080; font-size:13px; font-weight:normal; }

.date	{ color:#090; font-family:arial; }
.url	{ color:#090; font-family:arial; }

.bltitle	{ color:#039; font-size:1.6em; font-weight:bold; }
.bmtitle	{ color:#039; font-size:1.1em; font-weight:bold; }
.bstitle	{ color:#039; font-size:1.0em; font-weight:bold; }

.dttl	{ color:#fff; font-weight:bold; background-color:#369; padding:5px; }

.gtitle	{ color:#090; font-size:1.8em; font-weight:bold; }
.price	{ color:#c00; font-weight:bold; }
.gsmall	{ color:#999; font-size:0.8em; }
.caution{ color:#c00; font-size:0.8em; }
.red	{ color:#c00; }

.gmap	{ padding:3px 24px; background:url(./images/gmap20.gif) no-repeat left top; }

.ttl_bar{ margin:4px 0 2em; }

.b		{ font-weight:bold; }
.bb		{ color:#000; font-size:1.2em; font-weight:bold; }


.small	{ font-size:0.8em; }
.sfont	{ font-size:0.8em; }
.mfont	{ font-size:0.9em; }

.main_halfbox	{ float:left; width:270px; padding:5px; font-size:0.9em; }

.spa_box	{ padding:0.5em; color:#c00; background-color:#ffd; border:2px solid #fc6; }

.slbox	{ margin-top:8px; padding:0 1em; border-left:3px solid #ccc; }

.indent		{ margin-left:20px; margin-bottom:3em; }

.dotbox	{ margin:8px; padding:8px; border:2px dashed #900; background-color:#ffd; }
.dotbox h4	{ margin:0; }

.halfbox	{ float:left; width:49%; padding-right:1%; font-family:Arial; line-height:1.2; }
.halfbox h2	{ margin-left:0;padding:4px 8px; color:#333; font-size:1.0em; text-align:left; border:0px solid #69c; border-left:4px solid #69c; }

.tbox001	{ height:60px; margin-bottom:1em; padding-left:60px; font-size:0.9em; background:transparent url(./images/t50box_000.jpg) no-repeat left top; }
.tbox002	{ height:60px; margin-bottom:1em; padding-left:60px; font-size:0.9em; background:transparent url(./images/t50box_000.jpg) no-repeat left top; }
.tbox003	{ height:60px; margin-bottom:1em; padding-left:60px; font-size:0.9em; background:transparent url(./images/t50box_000.jpg) no-repeat left top; }
.tbox004	{ height:60px; margin-bottom:1em; padding-left:60px; font-size:0.9em; background:transparent url(./images/t50box_000.jpg) no-repeat left top; }
.tbox005	{ height:60px; margin-bottom:1em; padding-left:60px; font-size:0.9em; background:transparent url(./images/t50box_000.jpg) no-repeat left top; }
.tbox006	{ height:60px; margin-bottom:1em; padding-left:60px; font-size:0.9em; background:transparent url(./images/t50box_000.jpg) no-repeat left top; }

.forname	{ display:block; float:left; width:96px; }

/*--xfade2.js------------------------------------------------------*/
#xfade_imageContainer {
	float:left;
	position:relative;
	margin:0 5px 10px;
	width:530px; /*画像の横幅*/
	height:170px; /*画像の縦幅*/
	/*border:1px solid #000; /*画像のまわりのボーダー*/
}

#xfade_imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

/*-----------------------------------------------------------------*/
#adder_box {
	/*clear:both;*/
	margin-top:1em; padding:0.5em; text-align:left;
	background:transparent url(./images/adder_bg.jpg) no-repeat center top;
	border:1px solid #ccc; /*画像のまわりのボーダー*/
}


/*-----------------------------------------------------------------*/
div.adv_box	{ margin-bottom:24px; height:200px; background-color:#666; }
ul.whatesm	{ margin:1em; padding:0; list-style-type:none; font-size:16px; }
ul.whatesm li	{ height:40px; padding-left:40px; background:transparent url(./images/index_icon.gif) no-repeat left center; }

span.xerox	{ display:table-cell; width:180px; height:90px; vertical-align:bottom; overflow:hidden; }

/*-----------------------------------------------------------------*/
#wrapper {
	width:900px;
	margin:0 auto;
	padding-bottom:20px;
}

#header {
	width:900px;
	height:212px;
	margin:0 auto; padding:0;
	text-align:left;
	background:transparent url(./images/main.jpg) no-repeat left top;
}
#logo	{
	width:240px;
	float:left;
}
#logo img	{ border-width:0; }

#ctrl	{
	width:560px;
	height:92px;
	float:right; margin:0;
	color:#cde; font-size:12px; text-align:right;
	border-bottom:2px solid #fff;
}
#ctrl a	{ padding:5px; color:#fff; }
#ctrl img	{ border-width:0; }
#ctrl form	{ float:right; margin:0; padding:6px 0; }
#ctrl input	{ margin-left:8px; }

#ctrl .srch	{ height:60px; margin:0; padding:0; }
#ctrl .srch ul	{ margin:0; padding:0; list-style-type:none; }
#ctrl .srch li	{ float:right; margin:0; text-indent:-9999px; text-align:left; text-decoration:none; }
#ctrl .tel		{ width:200px; height:40px; background:transparent url(./images/ctrl_tel.gif) no-repeat left top; }
#ctrl .mail a	{ display:block; width:130px; height:40px; padding:0 10px 0 0; background:transparent url(./images/ctrl_email.gif) no-repeat left top; }

#tab_menu		{ clear:right; margin:0; padding:0; font-size:18px; z-index:9999; }
#tab_menu ul	{ margin:0; padding:0; list-style-type:none; }
#tab_menu li	{
	position: relative; /*--ポイント--*/
	float:right; margin:0; padding:0; color:#666; text-align:left; text-decoration:none; }
#tab_menu a		{ display:block; color:#fff; text-indent:-9999px; text-decoration:none; }

#tm01 a	{ padding:0; width:180px; height:32px; background:transparent url(./images/tm01.gif) no-repeat 0px 0px; border:0px solid transparent; }
#tm02 a	{ padding:0; width:160px; height:32px; background:transparent url(./images/tm02.gif) no-repeat 0px 0px; border:0px solid transparent; }
#tm03 a	{ padding:0; width:180px; height:32px; background:transparent url(./images/tm03.gif) no-repeat 0px 0px; border:0px solid transparent; }

#tm01 a:hover	{ background-color:#360; border:0px solid #9c6; }
#tm02 a:hover	{ background-color:#630; border:0px solid #f93; }
#tm03 a:hover	{ background-color:#036; border:0px solid #39f; }

#tab_menu .sub		{ font-size:12px; z-index:99999; }
#tab_menu .sub ul	{ margin:0; padding:0; list-style-type:none; text-align:left; }
#tab_menu .sub li	{ float:none; margin:0; padding:0; }
#tab_menu .sub a	{ display:block; width:204px; height:auto; padding:8px; color:#fff; text-indent:0px;
	border:none; border-top:1px solid #666; background-color:#333; background-image:none; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
#tab_menu .sub a:hover	{ border:none; border-top:1px solid #9c6; background-color:#9c6; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#tab_menu .sub li.none	{ display:block; width:204px; height:auto; padding:8px; color:#999; text-indent:0px;
	border:none; border-top:1px solid #666; background-color:#333; background-image:none; filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
#tab_menu .sub li.none a	{ display:none; }


#pdm01	{ position:absolute; top:32px; left: 0px; width:220px; border:2px solid #9c6; visibility:hidden; }
#pdm02	{ position:absolute; top:32px; right:0px; width:220px; border:2px solid #f93; visibility:hidden; }
#pdm03	{ position:absolute; top:32px; left: 0px; width:220px; border:2px solid #39f; visibility:hidden; }

#pankz {
	width:900px;
	height:30px;
	margin:0 auto; padding:6px 0 0;
	color:#cdf; font-size:13px; text-indent:10px; font-family:Arial; text-align:left;
	background:transparent url(./images/pankz.gif) no-repeat left top;
}
#pankz a	{ padding:5px; color:#fff; }
#pankz a:hover	{ text-decoration:none; background-color:#9c6; }

#container {
	clear:both;
	width:900px;
	margin:0 auto;
	text-align:left;
	z-index:-9;
}



#main {
	float:right;
	width:700px;
	margin:24px 0 0;
	padding:10px 10px 32px;
	color:#666;
	font-size:0.9em;
	line-height:1.4;
	text-align:left;
	background-color:#fff;
}
#main p		{ margin:1em 2em; }
#main li	{ margin:0.4em 1em 0.4em 0.4em; }
#main li table	{ margin-left:0; }
#main .block	{ margin:1em 1em; }
#main ul.li2col		{ margin:1em; padding:0; list-style-type:none; }
#main ul.li2col li	{
	float:left; width:296px; height:44px; margin:6px; padding:10px 0 0 24px;
	color:#89a; font-size:14px; font-family:Arial; line-height:1.3;
	background:transparent url(./images/bg_li2col.gif) no-repeat 0px 0px; border:1px solid #cde;
}
#main ul.li2col span{ color:#abc; font-size:12px; }
#main ul.li2col a	{ color:#03e; font-size:14px; font-weight:bold; text-decoration:none; }
#main ul.li2col a:hover	{ color:#f60; text-decoration:none; }

#main ul.sbtn		{ margin:1em; padding:0; list-style-type:none; }
#main ul.sbtn li	{
	float:left; margin:6px; padding:8px 24px 6px 10px;
	color:#89a; font-size:14px; font-family:Arial; line-height:1.3;
	background:transparent url(./images/bg_li2col.gif) no-repeat right bottom; border:1px solid #cde;
}



#sidebar {
	float:left;
	width:160px;
	margin-top:24px;
	margin-bottom:32px;
	padding-top:0;
	padding-bottom:10px;
	line-height:1.4;
	text-align:center;
	background:transparent url(./images/menu_bg.gif) no-repeat left bottom;
}

#sidebar .top	{ display:none; }
#sidebar .ttl	{ display:block; padding:10px 0 0 10px; font-weight:bold; background-color:transparent; }

#sidebar ul	{ margin:0; padding:0; padding-left:12px; list-style-type:none; }
#sidebar li	{ margin:0;	padding-bottom:10px; color:#666; text-align:left; text-decoration:none; }
#sidebar li a	{ display:block; text-indent:-9999px; }

#navi01 a	{ width:150px; height:30px; background:transparent url(./images/menu.gif) no-repeat 0px    0px; }
#navi02 a	{ width:150px; height:30px; background:transparent url(./images/menu.gif) no-repeat 0px  -30px; }
#navi03 a	{ width:150px; height:30px; background:transparent url(./images/menu.gif) no-repeat 0px  -60px; }
#navi04 a	{ width:150px; height:30px; background:transparent url(./images/menu.gif) no-repeat 0px  -90px; }
#navi05 a	{ width:150px; height:30px; background:transparent url(./images/menu.gif) no-repeat 0px -120px; }
#navi06 a	{ width:150px; height:30px; background:transparent url(./images/menu.gif) no-repeat 0px -150px; }
#navi07 a	{ width:150px; height:30px; background:transparent url(./images/menu.gif) no-repeat 0px -180px; }
#navi08 a	{ width:150px; height:30px; background:transparent url(./images/menu.gif) no-repeat 0px -210px; }

#navi01 a:hover	{ background-position: -150px    0px; }
#navi02 a:hover	{ background-position: -150px  -30px; }
#navi03 a:hover	{ background-position: -150px  -60px; }
#navi04 a:hover	{ background-position: -150px  -90px; }
#navi05 a:hover	{ background-position: -150px -120px; }
#navi06 a:hover	{ background-position: -150px -150px; }
#navi07 a:hover	{ background-position: -150px -180px; }
#navi08 a:hover	{ background-position: -150px -210px; }

#footer {
	clear:both;
	margin:0 auto; padding:2em;
	color:#fff; font-size:12px; font-family:Arial; text-align:center;
	background-color:#4b7ad7;
	border-top:1px solid #1f4791;
}
#footer a	{ color:#fff; }
#footer img	{ border:none; }

