@charset "utf-8";
/* CSS Document */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}

* {
	margin: 0;
	padding: 0;
}


html{
overflow:-moz-scrollbars-vertical;
}

textarea{
overflow:auto;
}

.brown_border {
border: 1px dashed #674023;
padding: 5px;
}

body {
background:#674023;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	/*font-family: "Lucida Grande", Arial, Helvetica, sans serif;*/

	font-size: 12px;
	color: #333;
	line-height: 1.7em;
}

#wrapper {
	width: 780px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFFFFF;
}

#footer {
clear:both;
text-align: center;
padding: 10px;
}

#header {
width: 780px;
display:block;
position:relative;
}

#logo_piece {
background:url(/img/logo_piece.gif) repeat scroll 0 0;
display:block;
height:104px;
left:-49px;
position:absolute;
top:0;
width:49px;
z-index:100;
}

h1#h_statement {
font-size: 10px;
right: 10px;
position:absolute;
top: 10px;
z-index:100;
font-weight:normal;
}

/****INDEX ****/
#image {
padding: 25px 35px 0px 35px;
}

#message {
padding:30px 30px 20px 35px;
}

#message h2, #bottom_box h2 {
background:url(/img/checked.jpg) no-repeat scroll 0 0;
padding-left: 25px;
color:#7C4D29;
font-size: 15px;
margin-bottom: 5px;
}
#bottom_box h2 {
background:url(/img/checkedblue.jpg) no-repeat scroll 0 0 !important;
}


#message1 {
width: 400px;
float:left;
}

#news {
width: 280px;
float: right;
}

/********************************/
#bottom_box {
  float: left;
  background:url(/img/hello_creations.gif) no-repeat scroll 0 0;
  width: 700px;
  height: 297px;
  margin-top: 20px;
  padding-top: 20px;
  padding-left: 70px;
}

#info {
width: 290px;
float: left;
}

#info2 {
width: 320px;
float: right;
padding-right: 40px;
}

.bt {
position:relative;
left: 20px;
}


.small {
font-size: 10.5px;
padding-top: 10px;
padding-left: 10px;
}

.birdy {
  margin: 20px;
  margin-left: 30px;
  width: 719px;
  background:url(/img/birdy.gif) no-repeat top left #A9DEE6;
}

.birdy_bottom {
	clear:both;
	height: 26px;
	background:url(/img/birdy_bottom.gif) no-repeat bottom;
}


#main {
width: 690px;
position:relative;
left: 20px;
top: 20px;
}

#service_holder {
padding-left: 20px;
}

#content_holder {
float:left;
}

#content_holder p, .bolder2 {
padding-bottom: 10px;
padding-left: 8px;
}

#content_holder h2, .bolder {
padding-bottom: 10px;
font-size: 14px;
}


#content_right {
width: 260px;
float: right;
margin-left: 10px;
text-align:center;
}

#content_left {
width: 390px;
float: left;
}

.bubble {
width: 254px;
height: 40px;
padding-top: 20px;
background:url(/img/bubble.gif) no-repeat top;
}

.bubble2 {
width: 254px;
height: 50px;
padding-top: 10px;
background:url(/img/bubble.gif) no-repeat top;
}

.bubble3 {
width: 254px;
height: 64px;
padding-top: 2px;
background:url(/img/bubble.gif) no-repeat top;
}

.bubble_small {
font-size: 10px;
}

strong {
font-weight:bold;
}

#sub_nav {
width: 154px;
float: left;
}

#port {
width: 520px;
float: right;
}

.web_port h3 {
font-weight: bold;
font-size: 14px;
padding-top: 10px;
}

.icons {
display:block;
}

table {

}
th, td {
padding: 10px;
border: 1px dashed #674023;
}


.none table, .none th, .none td, .none tr {
border:none;
}