/*  GLOBAL STUFF  */

body{
	background-color: #FFFFFF;
	color: #333333;
    font-family:"メイリオ","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";	font-size: 12px;
}
body {

	margin: 0px 15px 15px 15px;
	
	text-align: center;
}
/*a {
	border-bottom: #CCCCCC solid 1px;
	color: #666666;
	text-decoration: none;
	outline: none;
}
*/

a {
	
	border: none;
	color:#006699;
	text-decoration: underline;
}

a:hover {
	color: #CC0000;
}


p, h1, h3, h4, h5, h6, pre {
	margin-top: 0;
}
h1, h3, h4, h5, h6 {
	padding: 1px 5px;
	background-color: #F9F9F9;
	line-height: normal;
}
h1 {
	font-size: 32px;
}
h2 {
	margin-top: 0;
	padding: 10px 5px 5px 5px;
	background-color: #F9F9F9;
	line-height: normal;
	font-size: 18px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 13px;
}
h6 {
	font-size: 10px;
}
hr {
	height: 1px;
	color: #999999;
}
images {
	border: 0;
}
ul {
	list-style-type: square;
}
acronym, abbr {
	border-bottom: #BBBBBB 1px dashed;
	cursor: help;
}
acronym:hover, abbr:hover {
	color: #000000;
}

/*  CLASSES  */

.message {
	padding-bottom: 5px;
}

.picture {
	width:240px;
	margin-left:5px;
	height:180px; 

	
	
	float:right; 
	color: #00CC99;

}

.houshin {
	width:545px;
	height:300px; 
	border:0px; 
	color: #00CC99;

}

.text {
	padding: 5px 5px 10px 5px;
}
.name{
	font-size: 16px;
	text-align:right;
	color:#006699;
	left:60px;
}


input.styled {
	border: #E5E5E5 solid 1px;
	background-color: #F3F3F3;
	color: #666666;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.clear {
	clear: both;
}
.underline {
	border-bottom: solid 1px;
}
.qoute {
	margin: 20px 50px;
	padding: 15px 25px;
	background: url(images/quote.png);
	border: #EEE solid 1px;
	font-size: 10px;
	line-height: 20px;
	display: block;
}
.box {
	padding: 7px 10px;
	background-color: #F9F9F9;
	display: block;
}
.space {
    height:50px;
	width:auto;
	background-color: #FFFFFF;
	
}

.title_top {
	padding: 15px 0px 0px 0px;
	color: #990000;
	font-size: 14px;
	display: block;
}

.title_top_list {
	color: #006699;
	font-size: 12px;
	display: block;
}


/*----Start of list ---------------------*/
/*----Start of list with image ---------------------*/

.list {
	padding-bottom: 3px;
    border-bottom :  #E5E5E5 dotted 1px ;
    display: block;
}

.list .title {
	padding: 20px 0px 5px 5px;
	color: #006699;
	font-size: 12px;
	display: block;
	border-bottom :  #E5E5E5 dotted 1px ;
}

.list_last {
	padding-bottom: 3px;
    display: block;
}

.list_last .title {
	padding: 20px 0px 5px 5px;
	color: #006699;
	font-size: 12px;
	display: block;
	border-bottom : #E5E5E5 dotted 1px;
}



.floatRightClear { 
    float: right; 
    clear: right; 
    margin:4px; 
	width:110px;
	height:auto;
	text-align:center;
	border: #E5E5E5 solid 1px ;
}

.floatRightClear_ceo { 
    float: right; 
    clear: right; 
    margin:4px; 
	width:300;
	height:272;
}


.floatRightClear_text { 
    float: right; 
    clear: right; 
    margin:4px;
	color: #00CC99;
	width:110px;
	text-align: center;
	
}

.display
{
  display: inline;
  margin: 2px 2px 2px 2px;
  height: auto;
  width: auto;
}



/*----End of list ---------------------*/



.topic {
   padding-bottom: 1px;
   border-bottom :  #E5E5E5 solid 1px ;
}


.topic .title {
	padding: 15px 0px 0px 0px;
	color: #006699;
	font-size: 16px;
	display: block;
}

.topic .text {
	padding: 5px 5px 10px 5px;
	display: block;
}

/*---sitemap-----*/

.topic_sitemap {
   padding-bottom: 10px;
   border-bottom :  #E5E5E5 solid 1px ;
}


.topic .title_sitemap {
	padding: 5px 0px 0px 20px;
	color: #006699;
	font-size: 16px;
	display: block;
}

.topic .text_sitemap {
    margin-left: 20px;
	display: block;
}


.title_sitemap ul {
    margin-left: 80px;
	padding: 0;
	list-style-type: none;
}
.title_sitemap ul a {
	border: none;
	color: #666666;
}
.topic_sitemap ul a:hover {
	color: #CC0000;
}


.topic_sitemap ul li {
	padding: 0px 0px 0px 0px;
}



/*---sitemap-----*/




.portfolio {
   padding-bottom: 1px;
   border-bottom :  #E5E5E5 solid 1px ;

}

#contact {
   margin:'5px' 'margin-right' 'margin-bottom' 'margin-left';
   padding-top:5px;
   padding-bottom: 5px;
   border-bottom :  #E5E5E5 solid 1px ;

}


.text_contact {
   margin-left:20px;
   padding-bottom: 3px;
 

}


.sidenotes {
	margin-top: -10px;
}
.sidenotes ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.sidenotes ul a {
	border: none;
	color: #666666;
	display: block;
}
.sidenotes ul a:hover {
	color: #CC0000;
}


.sidenotes ul li {
	padding: 8px 5px 10px 5px;
	border-bottom: #DDDDDD solid 1px;
}
.sidenotes ul li .title {
	color: #333333;
	font-weight: bold;
	display: block;
}

.sidenotes ul li .selected {
color: #990000;
}

.sidenotes ul li .date {
	color: #999999;
	font-size: 10px;
	display: block;
}
.sidenotes ul li .more {
	margin: -5px 0;
	font-size: 10px;
	text-align: right;
	display: block;
}
.sidenotes ul li .more a {
	color: #333333;
	display: inline;
}
.sidenotes ul li .more a:hover {
	color: #FF9900;
}
.sidenotes ul li .more a images {
	padding-left: 3px;
	vertical-align: baseline;
}

.login_text {
	color: #999999;
	font-size: 10px;
}
.login_text a {
	border: none;
	color: #999999;
}
.login_text a:hover {
	color: #FF9900;
}

/*  STRUCTURE (in order of appearance)  */

#sign {
	margin-left: 230px;
	height: 70px;
	width: 140px;
	right: auto;
}



#name {
	margin-right: 40px;
	height: 14px;
	font-size: 14px;
	color:#006699;
	text-align: right;
}

#yakuin {
	margin-top: 5px ;
	margin-right:55px;
	height: 14px;
	font-size: 14px;
	text-align: right;
}
#bg {
	margin: 0 auto;
	width: 814px;
	background: url(images/bg.png);
}
#bg_top {
	background: url(images/bg_top.png) top no-repeat;
}
#body {
	padding: 0px 17px 17px 17px;
	background: url(images/bg_bottom.png) bottom no-repeat;
	text-align: justify;
}

#header_left {
	margin-bottom: 0px;
	padding: 10px 0 0 5px;
	height: 90px;
	background: #F9F9F9 url(images/header.png);
	font-size: 40px;
}
#header_right {
	position:absolute;
	top:5px;
	left:707px;
	width: 184px;
	height: 78px;
}

#menu_top {
	margin-bottom: 1px;
}
#menu_bellow {
	margin-bottom: 1px;
}

#header .slogan {
	padding-left: 3px;
	font-size: 18px;
}
#side {
	margin-top:5px;
	width: 220px;
	background-color: #F9F9F9;
	line-height: 18px;
	float: left;
}
#side .side_title {
	margin: 15px 0 10px 0;
	padding: 0 5px 5px 5px;
	border-bottom: #DDDDDD solid 1px;
	color: #990000;
	font-size: 20px;
	display: block;
}
#menu {
	padding: 10px;
	line-height: normal;
}
#menu ul {
	margin: 0;
	padding: 0;
	/*border-bottom: #DDDDDD solid 1px;:*/
	list-style-type: none;
}
#menu li {
	border-bottom: #DDDDDD solid 1px;
}
#menu a {
	width: 180px;
	padding: 10px;
	border: none;
	color: #666666;
	text-decoration: none;
	display: block;
}
#menu a:hover {
	background-color: #FCFCFC;
	color: #CC0000;
}
#menu a.pressed:hover {
	background-color: #F3F3F3;
}

#menu .title {
	width: 180px;
	padding: 10px;
	background-color: #F3F3F3;
	color: #CC0000;
	font-size:16px;
	display: block;
}

#menu .pressed {
	width: 180px;
	padding: 10px;
	background-color: #F3F3F3;
	color: #000000;
	display: block;
}

#menu .selected {
	width: 180px;
	padding: 10px;
	background-color: #F3F3F3;
	color: #CC0000;
	display: block;
}

#side_content {
	padding: 0 10px 10px 10px;
	border-top: #FFFFFF solid 10px;
}
#content {
	margin: 5px 0 0 15px;
	width: 545px;
	line-height: 18px;
	float: left;
	line-height:1.8;
	text-align:justify;
}
#footer_clear {
	clear: both;
}

/*
#yakuin{
	font-size: 14px;
	font:????????????,"?????? ????????????", "?????? ??????"
	color: #333333;

}
*/


#footer {
	margin-top: 10px;
	padding: 8px;
	height: 14px;
	background-color: #F9F9F9;
	font-size: 10px;
	text-align: center;
}
#footer a {
	color: #666666;
}
#footer a:hover {
	border-bottom-color: #000000;
}