/*@import url(layout.css);*/

/* ツールチップのスタイル[
----------------------------------------------------------- */
span.tooltip{
    line-height: 1.5;
    color: white;
    width: 200px;
    background: #FF9900;
    border: 2px solid white;
    padding: 1em;
    font-size: big;
}

/* ヘッダータイトルのスタイル[
----------------------------------------------------------- */
#masthead {
	text-align: left;
	position: relative;
	margin: 10px auto;
	width: 80%;
	display: block;
/*	background: url(../images/PhotoGray_bg_c-1.jpg) repeat;*/
	overflow: hidden;
}

/* 翻訳Widgetのスタイル[
----------------------------------------------------------- */
#MicrosoftTranslatorWidget {
	border-color: #3A5770;
	background-color: #78ADD0;
	width: 360px;
	min-height: 0px;
}

/*
 Link Color [
----------------------------------------------------------- */
a {
	text-decoration:none;
}
a:link {
	color:#40e0d0; /* turquoise */
}
a:visited {
	color:#0C8EF2;
}
a:hover {
	text-decoration:underline;
}
a:active {
color:#00ffff;	/* aqua */
}

/* ナビゲーションのスタイル[
----------------------------------------------------------- */
#navigation {
	position: relative;
	margin: 10px auto;
	width: 80%;
	display: block;
	overflow: hidden;
	background:url(../images/line_02.png) repeat-x;
	border: 1px solid white;
}

#navigation ul {
	list-style-type: none;
}
#navigation li {
	float: left;
}
#navigation a {
	color: silver;
	text-decoration: none;
	display: block;
	padding: 10px 30px 10px 30px;
/*	border: 1px solid #c9c9c9;;*/
}
active
#navigation a:active{
	color: #f0fff0;	/* honeydew */
	text-decoration: underline;
/*	background: url('../images/PhotoGray_nav_bg.jpg') repeat;*/
	padding: 10px 30px 10px 30px;
/*	border: 1px solid #a9a9a9;
	background-color: #a9a9a9;*/
}
#navigation a:hover {
	color: #FF3366;
	text-decoration: underline;
	background: url('../images/line_02rev.png') ;
	padding: 10px 30px 10px 30px;
/*	border: 1px solid #a9a9a9;
	background-color: #a9a9a9;*/
}

/*
 メインコンテンツ部分を回り込ませる
 container
 main [
----------------------------------------------------------- */
#main {
/*	float:center;*/
	text-align: left;
	position: relative;
	margin: 0px auto 0px auto;
	width: 80%;
	display: block;
	overflow: hidden;
	background: url(../images/PhotoGray_bg_c-1.jpg) repeat;
}
#main h1 {
	text-align: left;
	margin: 20px;
	letter-spacing:.1em;
}

#main h2 {
/*	clear:both;*/
/*	margin-bottom:10px;*/
	padding:10px 15px;
	width: 100%;
	background:url(../images/line_01.png) repeat-x;
/*	border-left:8px solid #FCAA53;*/
	font-size: 120%;
	letter-spacing:.2em;
	text-transform:uppercase;
}
#main h3 {
	clear:both;
	padding:7px;
	width: 90%;
	color: lime;
	background:url(../images/line_03.png) repeat-x;
/*	background:url(../images/PhotoGray_nav_bg.jpg) repeat;*/
	margin: 20px 40% 20px 5px;
	font-size:110%;
	font-weight:bold;
	letter-spacing:.1em;
}
#main h4 {
	margin-bottom:5px;
	padding-left:5px;
	border-left:3px solid #40e0d0; /* turquoise */
	margin: 10px;
	font-size:100%;
	font-weight:bold;
	letter-spacing: .1em;
}
#main h5 {
	margin: 5px 0 7px 20px;
	font-size:80%;
}
#main h6 {
	margin: 5px 0 7px 25px;
	font-size:70%;
}
#main .topics {
	margin:0px 10px 20px;
	font-size:90%;
}

#main .topics ul li {
	margin-bottom:5px;
	padding-left:25px;
	background:url(../images/list01.png) no-repeat 1em .2em;
}

#main .icon {
	float:left;
	margin:10px 5px 10px 5px;
}

#main .screen{
	float:right;
	margin:10px 5px 30px 80px;
	height:360px;
	width:240px;
}
#main .screen1{
	float:right;
	margin:10px 5px 30px 120px;
	height:240px;
	width:160px;
}
#main .screen2{
/*	float:lrft;*/
	margin:10px 5px 30px 40px;
	height:360px;
	width:240px;
}
#main .screen3{
/*	float:lrft;*/
	float:right;
	margin:10px 5px 30px 120px;
	height:160px;
	width:240px;
}
#main .face {
	float:left;
	margin:0px 0px 0px 30px;
}

#main .photostand_option{
	margin: 90px 10px 10px 10px;
	background: url('../images/PhotoGray_bg_c-2.jpg') repeat;
	font-size: 80%;
	float: right;
	overflow: auto;
}
#main .bottom {
	padding:16px 0px;
	width: 100%;
	background:url(../images/line_01rev.png) repeat-x;
/*	border-left:8px solid #FCAA53;*/
/*	letter-spacing:0em;*/
/*	text-transform:uppercase;*/
}
/* フッターのスタイル [
----------------------------------------------------------- */
#footer {
	width: 80%;
	clear: both;
	margin: 10px auto;
	padding: 5px 0 10px 0;
	text-align: center;
	border-top: 1px solid #a9a9a9;
	overflow: auto;
}
#footer a {
	margin:5px;
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #fff;
	text-decoration: underline;
}
#footer address {
	margin:5px;
	font-style:normal;
}