﻿html,body,h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
table,caption,
div,p,address,form,button,img {
	margin:0;
	padding:0;
	border:none;
}

tr,th,td {
	margin:0;
	border:none;
}

table {
	border-collapse:collapse;
}


body {
	text-align:left;
	width:100%;
	height:100%;
	background:#ffffff url(images/bg.gif) repeat-y fixed;
	color:#000000; 
	font-size:12px;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", Arial, Osaka, sans-serif;
	text-decoration:none;
}
	
/* Firefox*/
:focus {
	-moz-outline-style:none;
}

/* Mac */
a {
	outline:none;
}
img {
	border:0;
}
br {
	letter-spacing:normal;
}

/* 
a:link		{text-decoration:none;}
a:visited	{text-decoration:none;}
a:active	{text-decoration:none;}
a:hover		{text-decoration:none;}
 */
/* 
a:link		{text-decoration:none;color:#999999;}
a:visited	{text-decoration:none;color:#999999;}
a:active	{text-decoration:none;color:#999999;}
a:hover		{text-decoration:none;color:#999999;}
 */


/*---------------------------------------------
Container 
---------------------------------------------*/
div#container {
	text-align:center;
	width:770px;
	height:100%;
	}


/*---------------------------------------------
Header 
---------------------------------------------*/
div#header {
	width:770px; 
	height:70px
	}


/*---------------------------------------------
Menu 
---------------------------------------------*/
div#menu {	
	width:768px; /* 768px+(margin:2px)=770px */
	height:40px;
	margin-bottom:15px;
	background:url(Images/bn_menu_bg.gif) repeat-x;
	margin-right:2px;
}

div#menu tr,div#menu th,div#menu td {
	padding:0;
}

div#menu .item {
	display:block;
	text-align:center;
	width:192px; /* 192px x 4piece = 768px */
	height:40px;
	background:url(Images/bn_menu.gif) no-repeat 0 0; 
	color:#999999;
	font-weight:bold;
	text-decoration:none;
	line-height:40px;
}

div#menu .hover {
	background-position:0 -40px;
	color:#ffffff;
}

div#menu .selected {
	background:url(Images/bn_menu2.gif) no-repeat; 
	color:#ffffff;
}


/*---------------------------------------------
Main 
---------------------------------------------*/
div#main {
	width:750px; /* [width]750px+(padding:10px+10px)=770px */
	padding:0 10px;
/*	height:100%; */
	margin-bottom:15px;
}


/*---------------------------------------------
Copyright 
---------------------------------------------*/
hr#copyright_line {
	width:730px; /* [width]730px+(margin:20px+20px)=770px */
	margin:0 20px;
	color:#777777;	
	background-color:#777777;	
	border-style:none;	
	height:1px;
	margin-bottom:10px;
	padding:0;
}

address#copyright {
	width:730px; /* [width]730px+(margin:20px+20px)=770px */
/*	height:100%; */
	margin:0 20px 15px 20px;
	text-align:right;
	color:#999999;
	font-style:normal;
}


/*---------------------------------------------
Contents 
---------------------------------------------*/
div.contents {
	width:748px; /* [width]748px+(line:1px+1px)=750px */
/*	height:100%; */
	border:solid 1px #000099;
	background-color:#ffffff;
	margin-bottom:15px;
}

div.contents #title {
	background:url(images/category_title.gif) no-repeat 0 0;
	width:748px;
	height:40px;
	margin-bottom:10px;
	text-align:left;
}
div.contents #title h1 {
	float:left;
	height:18px; /* [height]18px+(padding:11px+11)=40px */
	padding:11px 0 11px 20px;
	color:#ffffff;
	font-size:18px;
	letter-spacing:2px;
	line-height:18px;
}
div.contents #title span {
	font-size:14px;
}
div.contents #title #button {
	float:right;
	width:180px;
	height:40px;
}
div.contents #title #button a {
	display:block;
	width:150px; /* [width]170px+(padding:30px)=180px */
	height:40px;
	padding-left:30px;
	font-size:14px;
	color:#ffffff;
	line-height:40px;
	background-repeat:no-repeat;
}
div.contents #title #button a:link    {text-decoration:none;background-image:url(images/toiawase.gif);}
div.contents #title #button a:visited {text-decoration:none;background-image:url(images/toiawase.gif);}
div.contents #title #button a:active  {text-decoration:underline;background-image:url(images/toiawase2.gif);}
div.contents #title #button a:hover	  {text-decoration:underline;background-image:url(images/toiawase2.gif);}

div#contents_inbox {
	width:748px;
	text-align:left;
}


/*---------------------------------------------
Manual,Sosa-Hoho
---------------------------------------------*/
img#manual {
	margin-bottom:20px;
}

p#manual_comment {
	color:#999999;
	font-weight:bold;
	font-size:14px;
	margin:10px 0 20px 10px;
}
/* 
p.sosa_title {
	background-color:#999999;
	width:70px;
	color:#ffffff;
	font-weight:bold;
	margin-top:10px;
	padding:5px 10px;
	text-align:center;
}
 */
div.sosa_text {
	background:#e9e9e9 url(../../images/sosa_title.gif) no-repeat 0 0;
/*	width:418px; /* [width]420px+(padding:10px+10px)=438px */
	margin-top:10px;
	padding:35px 10px 10px 10px;
	line-height:22px;
}


/*---------------------------------------------
SubMenu 
---------------------------------------------*/
div#submenu {
	width:130px; /* [width]130px+(padding:10px)=140px */
/*	height:100%; */
	padding-left:10px;
	float:left;
}

div#submenu tr,div#submenu th,div#submenu td {
	padding:0;
}

div#submenu .item {
	display:block;
	text-align:left;
	width:110px; /* [width]110px+(padding:20px)=130px */
	height:20px; /* [height]12px+(padding:4px+4px)=20px */
	padding-left:20px;
	background:url(images/bn_submenu.gif) no-repeat 0 0; 
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	line-height:20px;
} 

div#submenu .hover {
	background-position:0 -20px;
	color:#ffffff;
}

div#submenu .selected {
	background-position:0 -20px;
	color:#ffffff;
}


/*---------------------------------------------
Items
---------------------------------------------*/
div.item {
	width:600px; /* [width]600px+(padding:5px+3px)=608px */
/*	height:100%; */
	text-align:left;
	padding:0 5px 0 3px;
	float:right; 
}

div.item h2 {
	background:url(images/box_title.gif) no-repeat 0 0;
	height:20px; /* [height] =20px+(padding:5px+5px)=30px */
	margin:0 5px 5px 5px;
	padding:5px 0 5px 20px;
	text-align:left;
	width:570px; /* [width] 570px+(margin:5px+5px)+(padding:20px)=600px */
	font-size:18px;
	color:#000000;
	font-weight:bold;
	line-height:20px;
}

/* Table */
table#itemtable {
	width:290px; /* [width]290px+(line:2px+2px)+(margin:3px+3px)=300px */
	border:solid 2px #000099;
	margin:3px;
}

table#itemtable th,
table#itemtable td {
	margin:0;
	font-size:12px;
	text-align:left;
}

table#itemtable th#title {
	background:url(images/itemtable_title.gif) no-repeat 0 0;
	width:280px; /* [width]280px+(padding:10p)=290px */
	height:20px; /* [height]20px+(padding:5px+5px)=30px */
	padding:5px 0 5px 10px;
	color:#ffffff;
	font-size:12px;
	line-height:20px;
	border-bottom:solid 1px #000099;
}

table#itemtable th#title span#sold {
	color:#ff0000;
	font-weight:bold;
	margin-left:10px;
	border:solid 2px #ff0000;
	background-color:#ffffff;
	padding:1px 2px;
}

table#itemtable td#photo {
	width:290px;
	height:140px;
	background-color:#ffffff;
	text-align:center;
	vertical-align:middle;
}

table#itemtable th.text {
	width:50px; /* [widath]50px+(padding:5px+5px)+(line:1px)+219px+(padding:5px+5px)=290px */
	background-color:#3c81c5;
	color:#ffffff;
	padding:5px;
	border:solid 1px #000099;
}

table#itemtable td.text {
	width:219px; 
	background-color:#eeeeee;
	color:#000000;
	padding:5px;
	border:solid 1px #000099;
}



/*---------------------------------------------
ItemDeteil
---------------------------------------------*/
div#detail {
	width:560px; /* [width]560px+(margin:20px+20px)=600px */
	margin:0 0 15px 20px;
	text-align:center;
}

p#detail_button {
	width:560px;
	text-align:right;
}

h3#detail_title,
h3#sysdetail_title {
	background:url(images/itemtable_title.gif) no-repeat;
	width:550px; /* [width]550px+(padding:10px)=560px */
	height:30px;
	margin-bottom:15px;
	padding-left:10px;
	color:#ffffff;
	font-size:16px;
	line-height:30px;
	text-align:left;
}

h3#sysdetail_title {
	width:608px; /*[wdith]608px+(padding:10px)=618px */
}

div#detail_photo {
	width:560px;
	margin-bottom:15px;
	text-align:center;
}

/* Table */
table.detail_table {
	border:solid 2px #000099;
	width:500px; /* [width]500x+(line:2px+2px)=504px */
	margin:0 25px;
}

table.detail_table th,
table.detail_table td {
	border:solid 1px #000099;
	margin:0;
	padding:5px;
	color:#000000;
	font-size:12px;
	text-align:left;
}

table.detail_table th {
	width:59px; /* [width]59px+(padding:5px+5px)+(line:1px)=70px */
	background-color:#3b81c5;
	color:#ffffff;
}

table.detail_table td {
	width:420px; /* [width]420px+(padding:5px+5px)=430px */
	background-color:#eeeeee;
}

/* SystemTable */
div#sysdetail_photo {
	width:618px;
	margin-bottom:15px;
	text-align:center;
}

table.sysdetail_table {
	border:solid 2px #000099;
	width:614px; /* [width]614px+(line:2px+2px)=618px */ 
}

table.sysdetail_table th,
table.sysdetail_table td {
	border:solid 1px #000099;
	margin:0;
	padding:5px;
	color:#000000;
	font-size:12px;
	text-align:left;
}

table.sysdetail_table th {
	width:68px; /* [width]68px+(padding:5px+5px)+(line:1px+1px)=80px */
	background-color:#3b81c5;
	color:#ffffff;
}

table.sysdetail_table td {
	width:522px; /* [width]522px+(padding:5px+5px)+(line:1px+1px)=534px */
	background-color:#eeeeee;
}


/*---------------------------------------------
Page Box [Ahead, Next]
---------------------------------------------*/
div#page_box {
	width:560px; /* [width]180px+140px+180px=560px / 280px+280px560px= */
	color:#666666;
	font-size:16px;
	font-weight:bold;
	margin-top:10px;
}

div#page_box div#ahead {
	width:175px; /* [width]175px+(margin:5px)=180px */
	text-align:left;
	float:left;
	margin-left:5px;
}
div#page_box div#count {
	width:140px;
	text-align:center;
	float:left;
}
div#page_box div#next {
	width:175px; /* [width]175px+(margin:5px)=180px */
	text-align:right;
	float:right;
	margin-right:5px;
}

div#page_box div#left {
	width:275px; /* [width]275px+(margin:5px)=280px */
	text-align:left;
	float:left;
	margin-left:5px;
}
div#page_box div#right {
	width:275px; /* [width]275px+(margin:5px)=280px */
	text-align:right;
	float:right;
	margin-right:5px;
}

div#page_box a:link		{text-decoration:none;color:#666666;}
div#page_box a:visited	{text-decoration:none;color:#666666;}
div#page_box a:active	{text-decoration:none;color:#ff0000;}
div#page_box a:hover	{text-decoration:none;color:#ff0000;}


/*---------------------------------------------
Toiawase
---------------------------------------------*/
div#toi {
	margin-left:25px;
}

div#toi_list {
	width:550px;
	margin-bottom:10px;
}

div#toi_delete {
	width:550px;
	text-align:right;
	padding:10px 5px;
}

div#toi_ask {
	width:550px;
	margin-bottom:20px;
}

div#toi_sosa {
	width:550px;
	padding:0 5px 15px 5px;
}


/*---------------------------------------------
EntryForm 
---------------------------------------------*/
h2#entry_title {
	background:url(images/box_title.gif) no-repeat 0 0;
	width:680px; /* [width] 680px+(padding:20px)=700px */
	height:20px; /* [height] 20px+(padding:5px+5px)=30px */
	margin:0 auto 15px auto;
	padding:5px 0 5px 20px;
	text-align:left;
	font-size:18px;
	color:#000000;
	font-weight:bold;
	line-height:20px;
}

div#entry_list {
	width:700px;
	margin:0 auto 30px auto;
}

div#entry_comment {
	width:700px;
	height:30px;
	margin:0 auto;	
	background-color:#3783D0;	
	color:#ffffff;
}

div#entry_comment div.left {
	width:340px; /* [width]340px+(padding:10px)=350px */
	height:16px; /* [height]16px+(padding:7px+7px)=30px */
	padding:7px 0 7px 10px;
	font-size:16px;
	font-weight:bold;
	text-align:left;	
	float:left;	
}

div#entry_comment div.right {
	width:340px; /* [width]340px+(padding:10px)=350px */
	height:12px; /* [height]12px+(padding:9px+9px)=30px */
	padding:9px 10px 9px 0;
	text-align:right;	
	float:right;
}

table#entry_form {
	width:700px;
	margin:0 auto;	
}

table#entry_form th,
table#entry_form td {
	border-style:solid;
	border-width:6px 0;
	border-color:#f8f9fd; 
	padding:4px 10px;
	font-size:12px;	
	text-align:left;
	vertical-align:middle;
}

table#entry_form th {
	background-color:#E0F2FF;
	width:140px; /* [width]140px+(padding:10px+10px)=160px*/	
	color:#3783D0;
}

table#entry_form td {
	width:520px; /* [width]520px+(padding:10px+10px)=540px*/
}

div#entry_comment div.right span,
table#entry_form th span {
	color:#FF6600;
}

table#entry_form div.name_title1 {
	width:55px;
	padding-top:6px;
	text-align:right;	
	float:left;	
}

table#entry_form div.name_error {
	width:20px;
	padding-top:6px;
	text-align:right;	
	float:left;	
}

table#entry_form div.name_title2 {
	width:25px; /* [width]25xp+(padding:5px)=30px */
	padding:6px 5px 0 0;
	text-align:right;	
	float:left;	
}

table#entry_form div.name_box {
	width:180px;
	float:left;	
}

div.tel_left {
	width:180px;
	float:left;
}

div.tel_middle {
	width:20px;
	padding-top:6px;
	text-align:center;
	float:left;
}

div.tel_right {
	width:320px;
	padding-top:6px;
	float:right;
	color:#666666;
}

div#error_massege {
	width:700px;
	margin-top:15px;
	text-align:left;
	font-weight:bold;
	line-height:18px;
}


/*---------------------------------------------
Kojin-Jyoho 
---------------------------------------------*/
p#kojinjyoho {
	color:#666666;
	text-align:left;
	line-height:18px;
	padding:20px 10px;
}

p#kojinjyoho span {
	font-weight:bold;
	text-decoration:underline;
}


/*---------------------------------------------
Howto 
---------------------------------------------*/
p.howto_q {
	margin:10px 0;
	font-size:14px;
	color:#666666;
	font-weight:bold;
	background:#ffffff url(../../images/question.gif) no-repeat;
	line-height:37px;
	padding-left:60px;
	text-align:left;
}

p.howto_a {
	font-size:12px;
	color:#666666;
	margin-bottom:10px;
	font-weight:normal;
	line-height:16px;
	background:url(../../images/answer2.gif) no-repeat;
	padding-left:60px;
	text-align:left;
}

p.howto_a span {
	color:#ff0000;
	font-weight:bold;
}

hr.howto_line {
	color:#999999;
	background-color:#999999;
	border-style:none;
	width:100%;
	height:2px;
}

/*---------------------------------------------
Message Box
---------------------------------------------*/
div#message {
	border:solid 1px #000099;
	background-color:#ffffff;
	width:500px;
	margin-top:50px;
}

div#message h1 {
	background-color:#000099;
	width:480px; /* [width]480px+(padding:20px)=500px */
	height:20px; /* [height]20px+(padding:5px+5)=30px */
	padding:5px 0 5px 20px;
	margin-bottom:10px;
	color:#ffffff;
	font-size:14px;
	line-height:20px;
	text-align:left;
}

div#message p {
	width:460px; /* [width]460px+(margin:20px+20px)=500px */
	margin:0 20px 20px 20px;
	text-align:left;
	color:#000000;
	font-size:12px;
	line-height:30px;
}

div#message span {
	font-weight:bold;
	margin:0 5px;
	font-size:14px;
}


/*---------------------------------------------
Company 
---------------------------------------------*/
table#company_table {
	border:solid 2px #000099;
	width:508px; /* [width]504px+(line:2px+2px)=508px */
	margin:50px auto;
}

table#company_table th,
table#company_table td {
	border:solid 1px #000099;
	margin:0;
	padding:10px 5px;
	color:#000000;
	font-size:14px;
	line-height:20px;
	text-align:left;
}

table#company_table th {
	width:120px; /* [width]120px+(padding:5px+5px)+(line:1px+1px)=132px */
	background-color:#3b81c5;
	color:#ffffff;
}

table#company_table td {
	width:360px; /* [width]360px+(padding:5px+5px)+(line:1px+1px)=372px */
	background-color:#eeeeee;
}


/*---------------------------------------------
GridView
---------------------------------------------*/
.GridView a:link {
	color:#000000;
	text-decoration:none;
}

.GridView a:visited	{
	color:#000000;
	text-decoration:none;
}

.GridView a:active {
	color:#0000ff;
	text-decoration:underline;
	font-weight:bold;
}
	
.GridView a:hover {
	color:#0000ff;
	text-decoration:underline;
	font-weight:bold;
}


/*---------------------------------------------
TopPage
---------------------------------------------*/
#top_image {
	margin-bottom:20px;
}

#top {
	width:700px; /* [width]700px+(margin:25px)=750px */
	margin:0 25px;
}

div#top_left {
	float:left;
	text-align:left;
	width:480px;
}

div#top_right {
	float:left;
	width:200px;
	margin-left:20px;
}

/* Top-Left */
div#top_left div.inbox {
	width:478px;
	border:solid 1px #999999;
	background-color:#ffffff;
	margin-bottom:30px;
	padding:0;
}

div#top_left div.inbox2 {
	margin:0 20px 20px 20px;
	line-height:20px;
	color:#666666;
}

div#top_left h2.request {
	width:458px; /* [width]458px+(padding:20px)=478px */
	height:40px;
	color:#ff0000;
	background:url(images/top_subtitle_bc.gif) no-repeat;
	font-size:20px;
	letter-spacing:1px;
	margin-bottom:10px;
	padding:5px 0 5px 20px;
}

div#top_left h2.request span {
	font-size:14px;
	color:#000099;
	letter-spacing:0px;
}

div#top_left p.qa1,
div#top_left p.qa2 {
	background-repeat:no-repeat;
	height:37px;
	line-height:37px;
	margin-bottom:5px;
	padding-left:60px;
	font-size:14px;
	font-weight:bold;
}
div#top_left p.qa1 {background-image:url(../../images/question.gif);}
div#top_left p.qa2 {background-image:url(../../images/answer.gif);}

div#top_left a.page_link {
	font-weight:bold;
	color:#0000ff;
	text-decoration:under-line;
/*	text-decoration:none;
	border-bottom:1px dotted; */
}
div#top_left a.page_link:link    {color:#0000ff;}
div#top_left a.page_link:visited {color:#0000ff;}
div#top_left a.page_link:active  {color:#ff0000;}
div#top_left a.page_link:hover   {color:#ff0000;}

div#top_left span.impact {
	font-weight:bold;
	font-size:14px;
	color:#ff0000;
}
	
div#top_left hr.top_line {
	color:#ff0000;
	background-color:#ff0000;
	border-style:none;
	margin-bottom:20px;
	width:100%;
	height:3px;
}

/* Top-Right */
div#top_right img {
	margin-bottom:10px;
}

div#top_right div#tel,
div#top_right div#fax {
	background-repeat:no-repeat;
	width:185px;  /* [width]185px+(padding:10px)=200px */
	height:86px; /* [height]86px+(padding:44px)=130px */
	line-height:18px;
	margin-bottom:20px;
	padding:44px 0 0 15px;
	font-size:12px;
	color:#000000;
	text-align:left;
}
div#top_right div#tel span,
div#top_right div#fax span {
	font-weight:bold;
}
div#top_right div#tel {background-image:url(../../images/tel.gif);margin-top:40px;}
div#top_right div#fax {background-image:url(../../images/fax.gif);}

div#top_right div#company { 
	margin:50px 0 20px 0;
	color:#666666;
	text-align:left;
	font-size:12px;
	line-height:18px;
	width:176px; /* [width]176px+(padding:10px+10px)+(line:2px+2px)=200px */
	border:solid 1px #999999;
	background-color:#ffffff;
	padding:10px;
}
div#top_right div#company h3 { 
	color:#000099;
	font-size:18px;
}
div#top_right div#company hr { 
	color:#999999;
	background-color:#999999;
	border-style:none;
	width:100%;
	height:2px;
}

div#top_right div#company a:link	 {text-decoration:underline;color:#666666;}
div#top_right div#company a:visited {text-decoration:underline;color:#666666;}
div#top_right div#company a:active	 {text-decoration:underline;color:#ff0000;}
div#top_right div#company a:hover	 {text-decoration:underline;color:#ff0000;}

div#top_right div#oshikiri { 
	margin-top:50px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}
div#oshikiri a {
	display:block;
	background:url(../../images/oshikiri.gif) no-repeat 0 0;
	width:200px;
	height:180px;
	background-repeat:no-repeat;
	/*\*/overflow:hidden;/**/
}
div#oshikiri a:hover {background-position:0 -180px;}


/*---------------------------------------------
Sagyo 
---------------------------------------------*/
div#sagyo {
	width:468px;
	padding:5px;
}

div#sagyo h2 {
	width:413px; /* [width]413px+(padding:55px)=468px */
	height:20px; /* [height]20px+(padding:15px)=35px */
	color:#ffffff;
	background:url(images/top_sagyo.gif) no-repeat;
	font-size:14px;
	margin-bottom:15px;
	padding:15px 0 0 55px;
}

div#sagyo h3#start,
div#sagyo h3#end {
	margin-bottom:10px;
	padding:0 15px;
	font-size:12px;
	line-height:16px;
	color:#666666;
}
div#sagyo h3#end {
	color:#ff0000;
}

div#sagyo hr {
	color:#ff3333;
	background-color:#ff6666;
	border-style:none;
	width:95%;
	height:2px;
	margin-bottom:10px;
	text-align:center;
}

div.sagyo_inbox  {
	width:448px; /* [width]448px+(padding:10px+10px)=468px */
	margin-bottom:10px;
	padding:0 10px;
}

div.sagyo_inbox h3.sagyo_title {
	background-color:#ff6666;
	border-left:solid 4px #ff0000;
	width:424px; /* [width]424px+(padding:10px+10px)+(line:4px)=448px */
	margin-bottom:10px;
	padding:4px 10px;
	font-size:14px;
	color:#ffffff;
}

div.sagyo_inbox img {
	margin-right:20px;
}

div.sagyo_inbox ul {
	list-style-image:url(images/circle.gif);
	padding-left:10px;
	margin:5px 0 0 10px;
}
div.sagyo_inbox ul li {
	margin-bottom:5px;
	line-height:12px;
}
