@charset "EUC-JP";


body {
font-family: Verdana, Arial, sans-serif;
	line-height: 140%;
	color: #333333;
	background-color: #038cb0;


}



/******* hyperlink and anchor tag styles *******/

a:link{
color: #006699;
text-decoration: underline;
}
a:visited{
color: #006699;
text-decoration: underline;
}
a:hover{
	text-decoration: underline;
	color: #FF0000;



}

/************** header tag styles **************/

h1{
font-family: Verdana, Arial, sans-serif;
font-size: 80%;
font-weight: bold;
color: #FFFFFF;
margin: 0px;
padding: 0px;
}

h2{
font-family: Verdana, Arial, sans-serif;
font-size: 114%;
font-weight: bold;
color: #666666;
margin: 0px;
padding: 0px;
}

h3{
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
color: #334d55;
margin: 0px;
padding: 0px;

}

h4{
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
color: #333333;
margin: 0px;
padding: 0px;
}


h5{
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
color: #334d55;
margin: 0px;
padding: 0px;
}


/********* form and related tag styles *********/

form{
margin: 0;
padding: 0;
}

label{
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
color: #334d55;
}

input{
font-family: Verdana, Arial, sans-serif;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#pagecell1{
position:absolute;
top: 100px;
left: 1%;
right: 1%;
width:97.6%;
background-color: #ffffff;
}


#masthead{
position: absolute;
top: 0px;
left: 2%;
right: 2%;
width:95.6%;
}

#pageNav{
	float: left;
	width:178px;
	padding: 0px;
font-family: Verdana, Arial, sans-serif;
	font-size: small;
	border: 1px #cccccc;

}

#content{
padding: 0px 10px 0px 0px;
margin:0px 0px 0px 178px;
}

/***********************************************/
/* Component Divs                              */
/***********************************************/
#masthead h1{

margin: 0px;
padding: 8px 0px;
color: #FFFFCC;
/*font-weight: normal;*/
}

/************** se3blog styles *****************/


#se3blog{
font-family: Verdana, Arial, sans-serif;
font-size: 75%;
position: absolute;
top: 6px;
right: 0px;
color: #919999;
}

#se3blog a{
color: #66CCFF;
}

#se3blog a:hover{
text-decoration: underline;
}

/************** pageName styles ****************/

#pageName{
padding: 6px 0px 10px 10px;
margin: 0px;
border-bottom:1px solid #ccd2d2;
}

#pageName h2{
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
color: #000000;
margin:0px;
padding: 0px;
}

#pageName img{
position: absolute;
top: 0px;
right: 6px;
padding: 0px;
margin: 7px 0px 0px 0px;
}

/************* globalNav styles ****************/

#globalNav{
	position: relative;
	width: 100%;
	min-width: 640px;
	height: 42px;
	color: #cccccc;
	padding: 0px 3px 0px 0px;
	margin: 0px;
	background-repeat: repeat;
	background-color: #FFFFCC;






}

#globalNav img{
margin-bottom: -4px;
}

#globalLink{
position: absolute;
top: 21px;
height: 22px;
min-width: 640px;
padding: 0px;
margin: 0px;
right: 7px;
z-index: 100;
font-size: 76%;
}



/************* breadCrumb styles ***************/

#breadCrumb{
padding: 5px 0px;
font-family: Verdana, Arial, sans-serif;
font-size: small;
color: #AAAAAA;
}

#breadCrumb a{
color: #CCCCCC;
}

#breadCrumb a:hover{
	color: #FF0000;
	text-decoration: underline;

}


img.right{
float: right;
margin: 10px;
padding: 5px;
}
/*************** story styles ******************/

.story {
padding: 10px 0px 0px 10px;
}

.story h3{
font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 114%;
	color: #ffffff;
	margin-top: 6px;
	padding-left: 10px;
	line-height: 32px;
	background-color: #024e72;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #87CEFA;
	border-bottom-color: #87CEFA;
	border-left-color: #87CEFA;
	border-right-color: #87CEFA;
	border-left-width: 1px;
	border-left-style: solid;







}

.story h4{
font-family: Verdana, Arial, sans-serif;
	font-size: 105%;
	color: #333333;
	margin: 10px 50px 6px 10px;
	padding-left: 5px;
	line-height: 24px;
	border-left: 2px solid #024e72;
	border-bottom: 1px solid #024e72;
	border-top-color: #024e72;
	border-right-color: #024e72;

}

.story h5{
font-family: Verdana, Arial, sans-serif;
	font-size: 100%;
	color: #333333;
	margin: 6px 50px 6px 10px;
	padding-left: 5px;
	line-height: 24px;
	border-left:1px solid #003399;
	border-bottom:1px dotted #003399;
	border-top-color: #003399;
	border-right-color: #003399;

}

.story h6{
font-family: Verdana, Arial, sans-serif;
font-size: 100%;
color: #333333;
margin: 6px 50px 6px 10px;
padding-left: 5px;
line-height: 24px;
border-bottom:1px dashed #666666;
}

.story p {
font-size: 90%;
margin-top: 10px;
margin-bottom: 10px;
padding: 0px 0px 10px 10px;
}
.img {
text-align: center;
}
.story dt {
list-style-type: none;
	margin-top: 2px;
	background-image: url(../img/ico-li5.gif);
	background-repeat: no-repeat;
	background-position: 1em;
	padding-left: 4em;
	margin-left: 1%;
	padding-top: 2%;
	padding-bottom: 2%;
}
.story dd {
font-size: 90%;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;


}
.story li {
font-size: 90%;
}
.story a.capsule{
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
color: #005FA9;
display:block;
padding-bottom: 5px;
}

.story a.capsule:hover{
text-decoration: underline;
}

td.storyLeft{
padding-right: 12px;
}

.story form{
margin: 5px 0 10px 20px;
padding: 0;
}
/******* コンテンツ・画像 *******/

.photo{

}

.photo h6{
margin: 10px 0px 5px 0px;
text-align: center;
font-weight: bold;
}

.photo img{
float: right;
padding: 5px 5px 5px 5px;
}

.posted{

	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #cccccc;
}

/************** siteInfo styles ****************/

#siteInfo{
clear: both;
border-top: 1px solid #cccccc;
color: #cccccc;
background-color: #024e72;
	background-image: url(../img/bgimg.gif);
padding: 7px 10px 7px 10px;
margin-top: 0px;
text-align: center;
}

#siteInfo img{
margin-left: 1em;
padding: 4px 4px 4px 0px;
vertical-align: middle;
}

#siteInfo h3{
display: inline;
font-size: 90%;
}
#siteInfo a{
color: #ffffff;
}
/************ sectionLinks styles **************/

#sectionLinks{
margin: 0px;
padding: 0px;
}

#sectionLinks h3{
	padding: 2px 0px 2px 10px;
	border-bottom: 1px solid #cccccc;
	color: #FFFFFF;
	background-color: #024e72;
	background-image: url(../img/bgimg.gif);
}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	padding: 3px 0px 3px 10px;
	color: #21536A;
	background-color: #CCCCCC;
	text-decoration: none;
}

#sectionLinks a:hover{
	border-top: 1px solid #cccccc;
	background-color: #024e72;
	background-image: none;
	font-weight: bold;
	text-decoration: none;

	color: #FFFFCC;

}

#sectionLinks span{
font-size: 80%;
}

/************* relatedLinks styles **************/

.relatedLinks{
	padding: 0px 0px 0px 10px;
	margin-bottom: 3px;
	border-top: 1px #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px #CCCCCC;
	background-color: #FFFFFF;




}

.relatedLinks h3{
padding: 10px 0px 2px 0px;
}

.relatedLinks h4{
padding: 5px 0px 2px 0px;
}

.relatedLinks a{
display: block; 
}
/************* menu2Links styles **************/

.menu2Links{
	margin-bottom: 8px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 10px;
	background-color: #F9FFF4;
	border: 1px solid #024e72;


}

.menu2Links a{
display: block; 
}

.menuLinks {
	margin-right: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
	margin-left: 2px;

}
.menuLinks H3 {

	background-position: right top;
	background-color: #024e72;
	color: #FFFFFF;
	padding-left: 15px;
	background-image: url(../img/bgimg.gif);

}

.menucom {

	margin-top: 1px;
	margin-bottom: 1px;
	font-size: 60%;
	text-align: center;

}



/**************** table styles *****************/

table{
margin: 10px 0px 30px 20px;
border: 1px solid #cccccc;
border-collapse: collapse;
font-size: 90%;
}
caption{
padding: 0.4em;
white-space: nowrap;
font-weight: bold;
}
td{
padding: 0.2em 0.4em;
border: 1px solid;
empty-cells: show;
}
th {
padding: 0.2em 0.4em;
border: 1px solid;
empty-cells: show;
font-weight: bold;
background-color: #CCFF99;
line-height: 1.5em;
}
thead, tfoot{
padding: 0.4em;
font-weight: bold;
text-align: center !important;
}
col.right{
text-align: right;
}
col.center{
text-align: center;
}
col.left{
text-align: left;
}
col.article{
text-align: center;
font-weight: bold;
background-color: #dcdcdc;
}
col.hatching{
background-color: #dcdcdc;
}
.center-center{
text-align: center !important;
}
.left-left{
text-align: left !important;
}
.right-right{
text-align: right !important;
}

/************* categoryMenu styles **************/

.categoryMenu{
margin: 0px;
padding: 0px 0px 10px 10px;
border-top: 3px solid #39a252;
border-left: 3px solid #39a252;
border-right: 3px solid #94df6b;
border-bottom: 3px solid #94df6b;
/*background-color:#d4d9de;
border: 3px inset #98a7b0;
*/
}

.categoryMenu h3{
padding: 10px 0px 2px 0px;
}

.categoryMenu a{
display: block; 
}

.trivia a{
display: block; 
margin-left: -3px;
padding-left: 10px;
background-repeat: no-repeat;
background-position: left;
font-weight: bold;
}

.trivia p{
margin:0px 5px 2px 5px;
font-size: 76%;
color: #333333;
}

/*********** HyperPosition addition ************/

a img{/* 画像のリンク枠を消す */
border: none;
}

/* フォントタグを使わずに色付け
〜ただし論理的強調と視覚的強調（b,i）は区別する */
strong{
color: #cc0000;
}
strong.normal{
color: #000000;
font-weight: bold;
}
em{
color: #0000cc;
font-style: normal;
font-weight: bold;
}
em.normal{
color: #000000;
font-style: italic;
font-weight: normal;
}
b{/* strong以外では色をつける */
color: #ff0066;
}
i{/* em以外では色をつける */
font-style: normal;
font-weight: bold;
color: #000000;
}
q{/* 引用 */
display: block;
color: #9e28a3;
margin-left: 1em;
}
cite{
color: #9e28a3;
font-style: normal;
}
code{/* ソースなど */
display: block;
margin-left: 1em;
color: #476b55;
font-family: Verdana, Arial, sans-serif;
}
del{/* ｺ*/
color: #e54500;
}
ins{/* 挿入 */
color: #228b22;
}
address{
text-align: center;
margin: 10px;
}
.more {
font-size: 120%!important;
}
.more img {
vertical-align: middle;
margin-right: 0.5em;
}

dt{
margin-top: 1em;
margin-left: 2em;
font-weight:bold;
}


/**************** lecture styles *****************/

.lecture{
	padding: 10px;
	font-size: 85%;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-left-color: #cccccc;
	background-color: #FFFFFF;


}

.lecture h3{
padding: 2px 0px 1px 0px;
}

.lecture img{
	margin: 2px;

}

.lecture p{
margin: 0px ;
text-align: left;
}

/************* lectureLinks styles **************/

/*
#nextPage{
margin: 30px 10px;
font-family: Verdana, Arial, sans-serif;
text-align: center;
font-size: 80%;
font-weight: bold;
}
*/

#lectureLinks{
	margin: 40px 15px 15px 30px;
	padding: 0px;
	font-size: 80%;
	border: 3px dotted #CC6600;


}

#lectureLinks h3{
margin: -15px 250px 5px 10px;
	color: #ff3333;
padding: 3px;
background: #FFFFFF;
border: 2px solid #ff3333;
text-align: center;
}

#lectureLinks h4{
padding: 5px 0px 2px 0px;
}

#lectureLinks p{
margin: 10px;
line-height: 1.5em;
}

#lectureLinks p a{
/*display: block; 
margin-left: -3px;
padding-left: 12px;
background-repeat: no-repeat;
background-position: left;
line-height: 1.2em;*/
}

.main {
font-family: Verdana, Arial, sans-serif;
	padding-right: 2em;
	padding-left: 2em;
	margin-right: 0.5em;
	margin-left: 0.5em;
	margin-top: 0.5em;




}
#mitumori {

position:absolute;
top: 45px;
left: 2%;
right: 2%;
background-color: #ffffff;
}
.main H3 {
	text-align: center;
	border-top: 1px #000000;
	border-right: 1px #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px #000000;
	width: 20em;
	margin-left: 2em;
	margin-top: 1em;



}
.main H2 {
	padding: 0.5em;
	background-color: #CCCCCC;
	text-align: center;
	border: 1px solid #000000;
	margin-right: 10%;
	margin-left: 10%;



}
.main table {
	margin: 1em;
	padding: 3em;


}
.main strong {
	text-align: right;



}
.main H1 {
	text-align: center;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	margin-right: 20%;
	margin-left: 20%;
	color: #FF0000;



}
.oder {
font-family: Verdana, Arial, sans-serif;
	margin: 0.5em;
	padding-right: 2em;
	padding-left: 2em;

}
.oder h2 {
	background-color: #FFFFCC;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	margin: .05em;
	padding: 0.5em;

}
.oder h3 {
	margin: 1em;
	padding: 1em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
}
.oder p {
	margin-right: 2em;
	margin-left: 2em;
	padding-right: 2em;
	padding-left: 2em;

}

.oder ul {
	margin-right: 2em;
	margin-left: 3em;
	padding-right: 2em;
	padding-left: 2em;

}

#body-box {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	background-color: #FFFFFF;

}

#header-box {
	background-color: #024e72;
	height: 80px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-image: url(../img/bgimg.gif);


}
#header-description{
	font-size: 10px;
	color: #FFFFFF;
}
#header-title {
	float: left;
	text-align: center;
	width: 280px;
	float: right;


}
#header-banner {
	float: left;
	padding-left: 1em;


}
#header-search {
	float: right;
}

#header-menu {
	background-color: #FFFFFF;
	text-align: left;
	padding: 4px;
}
#header-menu a {
	color: #666666;
}

#header-menu p {

margin: 0px;
padding: 0px;
}

#contents-left-menu{
	float: left;
	width: 200px;
	background-color: #FFFFFF;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 80%;



}
#contents-body{
	float: right;
	width: 75%;
	margin-right: 3px;
	margin-left: 3px;

}
#contents-right-menu{
	float: right;
	width: 126px;
	text-align: center;
	font-size: 70%;



}
#footer {
	font-size: 10px;
	background-color: #87CEFA;
	text-align: center;
	padding: 1px;
	color: #FFFFFF;

}
.rightmenu-title {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #660000;
}
.leftmenu-title {
	color: #FFFFFF;
	border-left: 5px solid #FFFFFF;
	font-weight: bold;
	letter-spacing: 2px;
}
.leftmenu-link {
	padding-left: 10px;
	padding-top: 3px;
	border-bottom: 1px solid #024e72;
	border-left: 1px solid #024e72;
	height: 14px;
}
.leftmenu-banner {
	text-align: center;
	background-color: #003399;
}
.leftmenu-pick-title {
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 3px;
	border-right: 5px solid #FFFFFF;
	border-left: 5px solid #FFFFFF;
	background-color: #024e72;
}
.leftmenu-pick-desc {
	text-align: left;
	color: #FFFFFF;
}
.contents-box {
	border-bottom: 1px dotted #024e72;
	margin-bottom: 20px;
}
.contents-banner {
	float: left;
}
.contents-description {
	padding: 5px;
}
.contents-title {
	background-color: #024e72;
	border-left: 10px solid #003399;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 3px;
	text-align: center;
	margin-bottom: 10px;
}
#header-banner a {
	color: #FFFFFF;
	text-decoration: none;

}
#header-description a {
	color: #FFFFCC;
}

#footer a {
	color: #FFFFFF;
}
#footer h3 {
	color: #FFFFFF;
}
#contents-body-left {

	float: left;
	width: 60%;
	margin-right: 10px;
	margin-left: 10px;
}
.img-menu {
}
#body-box2 {
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-left-style: solid;
	border-top-color: #003399;
	border-right-color: #003399;
	border-bottom-color: #003399;
	border-left-color: #003399;
}
.form {
	border: 3px dashed #FFCC00;
	background-color: #F5F5F5;
}
.form h4 {
	color: #003366;
	text-align: center;
}
.img-menu img {
	width: 120px;
}

.upper-img{
	text-align: center;
	padding-top: 3px;
	clear: both;








}
.upper-img img {
}

#header-menu h4 {
	color: #666666;
}
/**************** intro styles *****************/

.intro{
	padding: 10px;
	font-size: 70%;
	border-bottom: 1px solid #cccccc;
	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-left-color: #cccccc;
	background-color: #FFFFFF;


}

.lecture h4{
padding: 2px 0px 1px 0px;

}

.intro img{
	margin: 2px;

}

.intro p{
margin: 0px ;
font-size: 90%;
text-align: left;
line-height: 110%
}

/************* お客様の声スタイル **************/

.voice{
	margin: 40px 20px 10px;
	padding: 0px;
	font-size: 100%;
	background-color: #FFFFe8;
	border-width: 3px;
	border-style: dotted;
	border-color: #FFCC00;

}

.voice h4{
      text-align: center;
	padding: 14px 0px 10px 10px;
	font-size: 100%;
	background-color: #FFFFe8;
	background-repeat: no-repeat;
	background-position: right top;
	border: none;
}

.quotation{
	margin: 100px 10px 5px;
	padding: 0px;
	font-size: 100%;
	background-color: #d5eaff;
	border-width: 3px;
	border-style: solid;
	border-color: #004080;

}

.quotation h4{
	margin-top: -30px;
	margin-bottom: 0px;
	margin-left: -15px;
	padding: 14px 0px 10px 10px;
	font-size: 150%;
	background-color: #FFFFFF;

	border: none;




}

.quotation p{
margin: 5px 10px 5px 10px;
line-height: 1.5em;
}


/************* 動線 **************/
.quotation3 {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	margin-right: 5%;
	margin-left: 3%;
	margin-top: 1%;
	margin-bottom: 1%;
	padding: 1%;
}
.quotation3 li {
list-style-type: none;
	margin-top: 2px;
	background-image: url(../img/check.gif);
	background-repeat: no-repeat;
	background-position: 1em;
	padding-left: 4em;
	margin-left: 1%;
	padding-top: 1%;
	padding-bottom: 1%;

}
.quotation3 dt {
list-style-type: none;
	margin-top: 2px;
	background-image: url(../img/ico-li3.gif);
	background-repeat: no-repeat;
	background-position: 1em;
	padding-left: 4em;
	margin-left: 1%;
	padding-top: 2%;
	padding-bottom: 2%;

}
.blockquote{
	margin: 10px 50px 10px 50px !important;
	background-color: #FFFFCC;
	border: 3px dotted #FFCC00;

}
.blockquote p{
margin: 0px !important;
padding: 10px 10px 10px 20px !important;
}


.inducement{
	margin: 280px 10px 5px;
	padding: 0px;
	font-size: 100%;
	background-color: #ffffff;
	border-width: 3px;
	border-style: solid;
	border-color: #d5eaff;

}

.inducement h4{
	margin-top: -30px;
	margin-bottom: 0px;
	margin-left: -15px;
	padding: 14px 0px 10px 10px;
	font-size: 150%;
	background-color: #FFFFFF;

	border: none;




}

.inducement p{
margin: 5px 10px 5px 10px;
line-height: 1.5em;
}


   div.photobox {
      text-align: center;
   }
   div.photobox img {
      border: gray 3px solid;
   }
   /* 操作ボタン表示領域 */
   div.controlbox {
      text-align: center;
      margin: 0.3em 0px 1em 0px;
   }