/* -----全体
-------------------------------------------------------------------------------- */
html {
	overflow : hidden;
	margin : 0;
	padding : 0;
}

body {
	text-align : center;
	font-size : 12px;
	color : #3e3e3e;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	margin : 0 auto;
	padding : 0;
	overflow-y : auto;
	overflow-x : hidden;
	scrollbar-3dlight-color : #3e3e3e;
	scrollbar-darkshadow-color : #3e3e3e;
	scrollbar-highlight-color : #ffffff;
	scrollbar-shadow-color : #e3e3e3;
	scrollbar-face-color : #f0f0f0;
	scrollbar-arrow-color : #f0f0f0;
	scrollbar-track-color : #f0f0f0;
}

* {
	line-height: 1.6;
	font-size: 100%;
}

td#main {
	font-size : 10px;
	color : #3e3e3e;
}

ul {
	text-align : left;
	margin : 0;
	padding-left : 0;
	list-style-type : none;
	text-decoration : none;
}

li.navi1 {
	background-image : url(img/li_navi1.gif);
	background-position : 0 50%;
	background-repeat : no-repeat;
	margin : 0;
	padding : 0 0 0 20px;
}

li.navi2 {
	background-image : url(img/li_navi2.gif);
	background-position : 0 50%;
	background-repeat : no-repeat;
	margin : 0;
	padding : 0 0 0 20px;
}

li.navi3 {
	background-image : url(img/li_navi3.gif);
	background-position : 0 50%;
	background-repeat : no-repeat;
	margin : 0;
	padding : 0 0 0 20px;
}

li.navi4 {
	background-image : url(img/li_navi4.gif);
	background-position : 0 50%;
	background-repeat : no-repeat;
	margin : 0;
	padding : 0 0 0 20px;
}

li.navi_up {
	background-image : url(img/li_navi_up.gif);
	background-position : 0 50%;
	background-repeat : no-repeat;
	margin : 0;
	padding : 0 0 0 20px;
}

li.contents {
	background-image : url(img/li_contents.gif);
	background-position : 0 50%;
	background-repeat : no-repeat;
	margin : 0;
	padding : 0 0 0 20px;
}

h1 {
  font-size : 14px;
  background-image : url(img/ac_h1.gif);
  background-position : 5px 50%;
  background-repeat : no-repeat;
  margin-top : 0;
  margin-right : 0;
  margin-bottom : 5px;
  margin-left : 0;
  padding : 0 0 0 30px;
}

h2 {
  font-size : 12px;
  background-image : url(img/ac_h2.gif);
  background-position : 5px 50%;
  background-repeat : no-repeat;
  margin-top : 0;
  margin-right : 0;
  margin-bottom : 5px;
  margin-left : 0;
  padding : 0 0 0 30px;
}

h3 {
  font-size : 14px;
  background-image : url(img/ac_h3.gif);
  background-position : 5px 50%;
  background-repeat : no-repeat;
  margin-top : 0;
  margin-right : 0;
  margin-bottom : 5px;
  margin-left : 0;
  padding : 0 0 0 30px;
}

h4 {
  font-size : 12px;
  background-image : url(img/ac_h4.gif);
  background-position : 5px 50%;
  background-repeat : no-repeat;
  margin-top : 0;
  margin-right : 0;
  margin-bottom : 5px;
  margin-left : 0;
  padding : 0 0 0 30px;
}

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

p.css {
	background : #efefef;
	margin : 10px 20px 10px 20px;
	padding : 10px;
}

/* -----リンク
-------------------------------------------------------------------------------- */
a:link,a:visited,a:hover,a:active {
  text-decoration : none;
  color : #9e9e9e;
}

/* -----イメージ
-------------------------------------------------------------------------------- */
img {
	border : 0;
	margin : 0;
}

img.link {
	border : 0;
	margin : 3px 15px 15px 5px;
}

img.s3 {
	border : 0;
	margin : 3px;
}

img.s5 {
	border : 0;
	margin : 5px;
}

img.banner {
	border : 0;
	margin : 7px;
}

img.s {
	border : 0;
	margin : 8px;
}

img.ws {
	border : 1px #3e3e3e solid;
	margin : 5px;
}

img.wm {
	width : 15px;
	border : 1px #3e3e3e solid;
	margin : 3px;
}

img.wl {
	border : 1px #3e3e3e solid;
	margin : 10px;
}

img.ls {
	width : 350px;
	border : 0;
	margin : 8px;
}

/* -----レイアウト
-------------------------------------------------------------------------------- */
div#all {
	width : 1060px;
	margin : 0 auto;
	padding : 0;
}

.clear {
	clear: both;
}

div#body {
	position : relative;
	width : 860px;
	height : 560px;
	background-image : url(img/p_back.gif);
	background-position : 50% 0;
	background-repeat : no-repeat;
	margin : 0 auto;
	padding : 0;
}

div#header {
	width : 720px;
	height : 40px;
	text-align : left;
	color : #9e9e9e;
	margin : 0;
	padding : 0;
}

div#header_logo {
	float: left;
	width : 200px;
	height : 40px;
	text-align : left;
	font-size : 20px;
	color : #9e9e9e;
	margin : 0;
	padding : 0;
}

div#header_navi {
	float: right;
	width : 520px;
	height : 40px;
	text-align : right;
	color : #9e9e9e;
	margin : 0;
	padding : 0;
}

div#main {
	width : 720px;
	height : 400px;
	text-align : left;
	margin : 0;
	padding : 0;
}

div#footer {
	clear : both;
	width : 720px;
	height : 70px;
	text-align : center;
	margin : 0 auto;
	padding : 0;
}

/* -----カウンター
-------------------------------------------------------------------------------- */
table#c {
	height : 41px;
	text-align : center;
	margin : 0 auto;
	padding : 0;
}

td#c {
	width : 307px;
	height : 41px;
	text-align : left;
	font-size : 10px;
	color : #3e3e3e;
	background-image : url(img/c.gif);
	background-position : 50% 0px;
	background-repeat : no-repeat;
	margin : 0;
	padding : 0;
}

td#c_right {
	height : 41px;
	text-align : left;
	font-size : 10px;
	color : #9e9e9e;
	margin : 0;
	padding : 0 0 0 20px;
}

img.c {
	margin : 32px 0 4px 0;
	padding : 0;
}

img.c_pr {
	margin : 10px 3px 0 3px;
	padding : 0;
}

/* -----メイン内のレイアウト
-------------------------------------------------------------------------------- */
div#navi {
	float: left;
	width : 140px;
	height : 400px;
	text-align : left;
	margin : 0;
	padding : 0;
}

div#content {
	float: right;
	width : 580px;
	height : 400px;
	text-align : left;
	margin : 0;
	padding : 0;
}

div#content_navi {
	float: left;
	width : 140px;
	height : 400px;
	text-align : left;
	margin : 0;
	padding : 0;
}

div#content_main {
	float: right;
	width : 440px;
	height : 400px;
	text-align : left;
	margin : 0;
	padding : 0;
}

/* -----各ページのBODY
-------------------------------------------------------------------------------- */
div#main_body1 {
	width : 720px;
	height : 400px;
	background-image : url(img/p_back_main.gif);
	background-position : 0 0;
	background-repeat : no-repeat;
	background-attachment : fixed;
	margin : 0 auto;
	padding : 0;
	overflow-y : auto;
	overflow-x : hidden;
	filter : chroma(color=#f0f0f0);
}

div#main_body2 {
	width : 720px;
	height : 400px;
	background-image : url(img/p_back_main.gif);
	background-position : 0 0;
	background-repeat : no-repeat;
	background-attachment : fixed;
	margin : 0 auto;
	padding : 0;

	overflow : hidden;
}

div#main_home {
	width : 720px;
	height : 400px;
	text-align : right;
	font-size : 12px;
	color : #9e9e9e;
	background-image : url(img/p_back_main.gif);
	background-position : 0 0;
	background-repeat : no-repeat;
	background-attachment : fixed;
	margin : 0 auto;
	padding-top : 300px;
	overflow : hidden;
	filter : chroma(color=#f0f0f0);
}

div#content_body1 {
	width : 580px;
	height : 400px;
	text-align : left;
	background-image : url(img/p_back_content.gif);
	background-position : 0 0;
	background-repeat : no-repeat;
	background-attachment : fixed;
	margin : 0 auto;
	padding : 0;
	overflow-y : auto;
	overflow-x : hidden;
	filter : chroma(color=#f0f0f0);
}

div#content_body2 {
	width : 580px;
	height : 400px;
	text-align : left;
	background-image : url(img/p_back_content.gif);
	background-position : 0 0;
	background-repeat : no-repeat;
	background-attachment : fixed;
	margin : 0 auto;
	padding : 0;
	overflow : hidden;
}

div#content_body_center {
	width : 580px;
	height : 400px;
	text-align : center;
	background-image : url(img/p_back_content.gif);
	background-position : 0 0;
	background-repeat : no-repeat;
	background-attachment : fixed;
	margin : 0 auto;
	padding : 0;
	overflow-y : auto;
	overflow-x : hidden;
	filter : chroma(color=#f0f0f0);
}

div#content_m_body {
	width : 440px;
	height : 400px;
	text-align : left;
	background-image : url(img/p_back_content_main.gif);
	background-position : 0 0;
	background-repeat : no-repeat;
	background-attachment : fixed;
	margin : 0 auto;
	padding : 0;
	overflow-y : auto;
	overflow-x : hidden;
	filter : chroma(color=#f0f0f0);
}

div#content_m_body_center {
	width : 440px;
	height : 400px;
	text-align : center;
	background-image : url(img/p_back_content_main.gif);
	background-position : 0 0;
	background-repeat : no-repeat;
	background-attachment : fixed;
	margin-left : auto;
	margin-right : auto;
	padding : 0;
	overflow-y : auto;
	overflow-x : hidden;
	filter : chroma(color=#f0f0f0);
}

/* -----各ページのテキストエリア
-------------------------------------------------------------------------------- */
div#main_text {
	text-align : left;
	margin : 0 auto;
	padding : 20px 50px 20px 90px;
}

div#navi_text {
	text-align : left;
	margin : 0 auto;
	padding : 10px 0 0 0;
}

div#content_text {
	text-align : left;
	margin : 0 auto;
	padding : 20px 20px 20px 60px;
}

div#content_text_center {
	text-align : center;
	margin : 0 auto;
	padding : 20px 20px 20px 60px;
}

div.s_5px {
	padding : 5px;
}

div.s_7px {
	padding : 7px;
}

div.s_10px {
	padding : 10px;
}


/* -----ページヘッダー
-------------------------------------------------------------------------------- */
div#page_header {
	text-align : center;
	font-size : 10px;
	color : #3e3e3e;
	padding : 0 5px 20px 5px;
}

#page_header a:link,#page_header a:visited,#page_header a:hover,#page_header a:active {
	text-decoration : none;
	color : #3e3e3e;
}

/* -----ページトップ
-------------------------------------------------------------------------------- */
div.pagetop {
	text-align : right;
	padding-top : 30px;
	padding-right : 15px;
}

/* -----ページフッター
-------------------------------------------------------------------------------- */
div#page_footer {
	text-align : center;
	font-size : 10px;
	color : #3e3e3e;
	padding : 20px 5px 0 5px;
}

#page_footer a:link,#page_footer a:visited,#page_footer a:hover,#page_footer a:active {
	text-decoration : none;
	color : #3e3e3e;
}

div#navi_footer {
	text-align : center;
	font-size : 10px;
	color : #3e3e3e;
	padding : 5px 0 0 0;
}

#navi_footer a:link,#navi_footer a:visited,#navi_footer a:hover,#navi_footer a:active {
	text-decoration : none;
	color : #3e3e3e;
}

/* -----素材
-------------------------------------------------------------------------------- */
div#sozai_l {
	width : 140px;
	height : 400px;
	float: left;
	margin : 0;
	padding : 0;
}

div#sozai_r {
	width : 580px;
	height : 400px;
	float: right;
	margin : 0;
	padding : 0;
	overflow-y : auto;
	overflow-x : hidden;
	filter : chroma(color=#f0f0f0);
}

table.sozai {
	width : 400px;
	border : 1px #3e3e3e solid;
	background : #ffffff;
	margin : 0;
	padding : 0;
}

td.sozai_waku {
	width : 100%;
	text-align : center;
	border-top : 1px #ffffff solid;
	border-right : 1px #9e9e9e solid;
	border-bottom : 1px #9e9e9e solid;
	border-left : 1px #ffffff solid;
	margin : 0;
	padding : 10px 0 10px 0;
}

td#w_sample {
	width : 100%;
	height : 150px;
}

td#set_sample {
	height : 500px;
	text-align : center;
}

textarea.tagu {
	color : #6e6e6e;
	font-size : 9pt;
	border-color : #6e6e6e; 
	border-style : dotted; 
	border-width : 1px 1px 1px 1px;
	background-color : #ffffff;
	scrollbar-track-color : #ffffff;
	scrollbar-3dlight-color : #ffffff;
	scrollbar-arrow-color : #ffffff;
	scrollbar-base-color : #ffffff;
	scrollbar-darkshadow-color : #ffffff;
	scrollbar-face-color : #ffffff;
	scrollbar-highlight-color : #ffffff;
	scrollbar-shadow-color : #6e6e6e;
}

/* -----枠内表示エリア
-------------------------------------------------------------------------------- */

table.text {
	width : 450px;
	border : 1px #3e3e3e solid;
	margin : 0;
	padding : 0;
}

td.text_waku {
	width : 100%;
	text-align : left;
	border-top : 1px #ffffff solid;
	border-right : 1px #9e9e9e solid;
	border-bottom : 1px #9e9e9e solid;
	border-left : 1px #ffffff solid;
	background : #ffffff;
	margin : 0;
	padding : 10px;
}

/* -----HTMLコンテンツ
-------------------------------------------------------------------------------- */
font.color16{
	width : 110px;
	text-align : left;
	font-size : 11px;
	margin : 0 3px 3px 0;
	padding : 5px;
}

font.color216 {
	width : 75px;
	text-align : center;
	font-size : 11px;
	margin : 0 3px 3px 0;
	padding : 3px;
}
td.abc {
	width:15px;
	text-align:center;
	font-size : 10px;
	margin:0;
	padding:0;
	border:1px #3e3e3e solid;
}

/* -----CSSコンテンツ
-------------------------------------------------------------------------------- */
div#sample_browser {
	width : 100%;
	margin : 0 auto;
	padding : 0 10px 10px 10px;
}

/* -----その他
-------------------------------------------------------------------------------- */
td.about {
  font-size : 12px;
  color : #3e3e3e;
  font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
  padding : 3px 20px 3px 0;
}

td {
  padding : 0;
}

/* -----BBS
-------------------------------------------------------------------------------- */
div#form {
	width : 400px;
	border : 1px #3e3e3e solid;
	margin-left : auto;
	margin-right : auto;
	padding : 0;
}

#form a:link,#form a:visited,#form a:hover,#form a:active {
	text-decoration : none;
	color : #3e3e3e;
}

div#form_waku {
	text-align : right;
	border-top : 1px #ffffff solid;
	border-right : 1px #e3e3e3 solid;
	border-left : 1px #ffffff solid;
	border-bottom : 1px #e3e3e3 solid;
	margin : 0;
	padding : 10px;
}

div.comment {
	width : 400px;
	text-align : left;
	border : 1px #3e3e3e solid;
	margin-left : auto;
	margin-right : auto;
	padding : 0;
}

.comment a:link,.comment a:visited,.comment a:hover,.comment a:active {
	text-decoration : none;
	color : #3e3e3e;
}

table.waku {
	width : 100%;
	border-top : 1px #ffffff solid;
	border-left : 1px #ffffff solid;
	margin : 0;
	padding : 0;
}

td.waku {
	width : 100%;
	border : 1px #3e3e3e solid;
	margin : 0;
	padding : 0;
}

td.res {
	border : 1px #3e3e3e solid;
}

div.res_waku {
	width : 100%;
	border-top : 1px #ffffff solid;
	border-left : 1px #ffffff solid;
	margin : 0;
	padding : 10px;
}

input {
	border : 1px #3e3e3e solid;
}

input.color {
	border : none;
}

textarea {
	border : 1px #3e3e3e solid;
	scrollbar-3dlight-color : #3e3e3e;
	scrollbar-darkshadow-color : #3e3e3e;
	scrollbar-highlight-color : #ffffff;
	scrollbar-shadow-color : #e3e3e3;
	scrollbar-face-color : #ffffff;
	scrollbar-arrow-color : #ffffff;
	scrollbar-track-color : #ffffff;
}

/* -----右側
-------------------------------------------------------------------------------- */
div#c {
	width : 200px;
	height : 120px;
	background-image : url(img/p_back_c.gif);
	background-position : 50% 0;
	background-repeat : no-repeat;
	text-align : center;
	font-size : 10px;
	color : #9e9e9e;
	margin : 0;
	padding : 0;
}

div#sub {
	width : 200px;
	height : 200px;
	background-image : url(img/p_back_sub.gif);
	background-position : 50% 0;
	background-repeat : no-repeat;
	text-align : center;
	font-size : 10px;
	color : #9e9e9e;
	margin : 0;
	padding : 0;
}

div#browser {
	width : 200px;
	text-align : center;
	font-size : 12px;
	color : #9e9e9e;
	margin : 0;
	padding : 0;
}

/* -----ブラウザ
-------------------------------------------------------------------------------- */
div.browser_waku {
	border : 1px solid #3e3e3e;
	margin : 10px;
	padding : 0;
}

div.browser_title {
	text-align : left;
	font-size : 10px;
	color : #663333;
	background : #76ade0;
	border : 1px solid;
	border-color : #ffffff #76ade0 #3e3e3e #ffffff;
	background-image : url(img/ac_browser.gif);
	background-position : 100% 50%;
	background-repeat : no-repeat;
	margin : 0;
	padding : 1px 1px 1px 5px;
}

div.browser_text {
	height : 100px;
	text-align : center;
	color : #663333;
	background : #ffffff;
	border : 1px solid #aaaaaa;
	margin : 1px;
	padding : 0;
}

div#browser_body {
	width : 173px;
	height : 100px;
	text-align : left;
	font-size : 10px;
	margin : 0 auto;
	padding : 0;
	overflow-y : auto;
	overflow-x : hidden;
	filter : chroma(color=#f0f0f0);
}

div#browser_page_footer {
	text-align : center;
	font-size : 10px;
	color : #3e3e3e;
	padding : 10px 5px 5px 5px;
}

#browser_page_footer a:link,#browser_page_footer a:visited,#browser_page_footer a:hover,#browser_page_footer a:active {
	text-decoration : none;
	color : #3e3e3e;
}