/* =====================================
IE改行バグ対策
 ===================================== */
 
br { letter-spacing : normal; }

/* ページの基本デザイン用CSS */
body {
	font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #ffffff;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size:300%;
	font-weight: normal;
	letter-spacing: 20px;
	margin: 0px;
}
h2 {
	color: #FF6600;
	font-size:120%;
	border-left: 12px solid #336600;
	padding-left: 8px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1em;
	clear: both;
	}

/* 
h3 {
	background-image:url(h3_bg.jpg);
	border:3px double #FF9900;
	color: #FFFFFF;
	font-size: 100%;
	padding-left: 6px;
	margin:0.5em 0px;
	clear:both;
}
*/

h4 {
	font-weight: normal;
	margin: 17px;
}

p {
	font-size: 90%;
	line-height: 150%;
}
address {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	text-align:center;
	border-top: dotted 2px #D93E02;
	padding-top: 5px;
	margin-top: 15px;
	clear: both;
}


p img {
	float: left;
	margin-right:5px;
	border: solid 1px #666666;
}
#path {
	text-align:right;
	margin: 0px;
}
h1 a {
	color: #336600;
	font-weight: normal;
}

pre {
margin:1em 1em 3em 1.5em;
line-height: 1.3;
font-size: 15px;
}
pre ul{
padding: 0px 0px 0px 10px;
margin: 0px;
}


.hrtop img{
	border-style: none;
}
.hrtop a img{
	border-style: none;
}

.top img{
	border-style: none;
}
.top a img{
	border-style: none;
}
div.toponly{
	text-align: right;
	width: 560px;
	height: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
div.toponly img{
	border-style: none;
	margin-bottom: 0px;
}
div.toponly a img{
	border-style: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}



	

a:link{
    border-color:#ffffff;
	color: #FFFFFF;
}
a:visited {
    text-decoration:none;
    border-color:#ffffff;
	color: 	#FFFF70;}
a:visited.dot{
    text-decoration:none;
    border-color:#ffffff;
	color: white;
}
a:hover{
    text-decoration:none;
	text-decoration: underline;
/*	border-color: yellow; */
	color: yellow;
}


a.dot{
    border-width:0px;
/*    border-bottom-width:1px;
    border-style:dotted; */
	padding: 0px;
}
a:link.dot{
    text-decoration:none;
    border-color:#ffffff;
	color: white;
}
a:visited.dot{
    text-decoration:none;
    border-color:#ffffff;
	color: white;
}
a:hover.dot{
    text-decoration:none;
	text-decoration: underline;
/*	border-color: yellow; */
	color: yellow;
}


.maintitle {
	font-size:130%;
	font-weight: bold;
	line-height: 150%;
	margin-left: 1em;
	margin-right: 170px;
}

.subtitle {
	font-size:140%;
	line-height: 150%;
	margin-left: 1em;
	margin-right: 170px;
}

.message {
	color: red;
	font-size:110%;
	text-align: center;
	line-height: 130%;
	margin-top: 0.2em;
}


.photo a:link { color: white; }
.photo a:visited {
    text-decoration:none;
    border-color:#ffffff;
	color: white;}
.photo a:hover { color: gray; }
.photo a{ text-decoration: none; }


#outerImageContainer {
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
}
#imageDataContainer {
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
}

table{ line-height: 150%; }

blockquote {
border-left:4px solid #CCC8B8;
margin:0 1em 1.5em 24px;
padding-left:4px;
}


/* -------------------------
 __whatsnew list 
-------------------------- */
dl.whatsnewlist {
	float: left;
	width: 580px;
	margin: 10px 10px 20px 10px;
	padding: 0px;
	/* border-top: 1px solid #999; */
     color: #001f6a; 
}

dl.whatsnewlist dt {
     float: left;
     clear: both;
     width: 100px;
     margin-right: 10px;
     margin-bottom: 1px;
     margin-left: 10px;
	font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",Meiryo,Osaka,verdana,arial,sans-serif;
	color: #ffffff;
	font-size: 12px;
	letter-spacing: 0em;
	line-height: 1.7em;
}

dl.whatsnewlist dd {
	float: left;
	width: 440px;
	margin-left: 0px;
	margin-top: 1px;
	margin-bottom: 8px;
	font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",Meiryo,Osaka,verdana,arial,sans-serif;
	color: #ffffff;
	font-size: 13px;
	letter-spacing: 0.1em;
	line-height: 1.4em;
}

/* -------------------------
 __tab menu 
-------------------------- */


#menu {
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 21px;
	padding-left : 10px;
}

#menu ul, #menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
	
 }

	
#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size: 85%;
	font-weight : normal;
	line-height : 16px;
	margin-right : 8px;
	padding : 3px 18px 1px 18px;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #222;
}

#menu a:hover	{
	color : #f00;
}

	
.section-1 #menu li#nav-1 a, 
.section-2 #menu li#nav-2 a,
.section-3 #menu li#nav-3 a,
.section-4 #menu li#nav-4 a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #222;
	font-size: 95%;
	letter-spacing: 1px;
	float:left;
}

#subnav {
	list-style:none;
	height: 30px;
	/*margin: 30px 20px;*/
	margin: 30px auto;
	padding: 0px;
	}

#subnav-1,
#menu #subnav-2,
#menu #subnav-3,
#menu #subnav-4 {
	display : none;
	width: 580px;
}

ul#subnav-1, 
.section-2 #menu ul#subnav-2,
.section-3 #menu ul#subnav-3,
.section-4 #menu ul#subnav-4 {
display: list-item;
  margin-top: 20px;
  margin-left: 10px;
	position : absolute;
}

ul#subnav-1 a, 
.section-2 #menu ul#subnav-2 a,
.section-3 #menu ul#subnav-3 a,
.section-4 #menu ul#subnav-4 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-top: 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #menu ul a:hover {
	color : #f00 !important;
}


      
/*#subnav ul{  
	list-style:none;
	margin:40px;
	padding:0px;
    width: 580px;  

} */ 
      
    #subnav li{  
 display: block;
      float: left;  
      width: auto;  
      margin: 0px 15px;  
      padding: 0;  
    }  
      
    #subnav a{  
      text-align: center;
	  	font-size: 95%;
			font-weight : bold;
			color: #222;
      padding: 0px; 
	  margin: 0px 0px 25px 0px;

    }  
      
    /*#subnav a:hover{  

      color : #f60 !important;
    }  */
	
	
	
#layoutbox a:hover {
    /* IE */
    filter: alpha(opacity=40);
    /* Safari Opera */
    opacity:0.4;
    /* Firefox Netscape */
    -moz-opacity:0.4;
}
#layoutbox a:active {
    /* IE */
    filter: alpha(opacity=70);
    /* Safari Opera */
    opacity:0.7;
    /* Firefox Netscape */
    -moz-opacity:0.7;
}
#layoutbox img{
border:none;
}


div.clearboth{
	clear: both;
	}


/*
【02　※先の例と同じ】
ページ内の全ての<dl></dl>に対して、
横幅を350pxにする。
高さ幅を5文字分にする。
余白を下1文字分空ける。
*/
dl{
width: 233px;
/* height: 5em;*/
  padding-bottom: 0.5em;
}

/*
【03　※先の例と同じ】
ページ内の全ての<dt></dt>に対して、
罫線を下側に付ける（太さ：3px、スタイル：実線、色：薄いオレンジ色）。
間隔を下のみ0.5文字分空ける。
余白を下のみ0.5文字分空ける。
文字サイズを親要素に対して108.3％（1.083倍）にする。
文字色を赤（#ffff00）にする。
文字を太字にする。
行間を文字の1.4倍にする。
*/
dt{
/*border-bottom: 3px solid #ffcccc; margin-bottom: 0.5em; padding-bottom: 0.5em; font-size: 108.3%; color: #ffff00; font-weight: bold; line-height: 1.4em;*/
text-align: center;
}

/*
【04　※先の例と同じ】
ページ内の全ての<dd></dd>に対して、
間隔を上下左右全て0pxにする。
文字サイズを親要素に対して100％（等倍）にする。
行間を文字の1.4倍にする。
*/
/*
dd{
margin: 0px; font-size: 100%; line-height: 1.4em;
}
*/
/*
【05　※先の例と同じ】
id名「maincontentbox」に対して、
横幅を760pxにする。
間隔を上下0px、左右は自動（＝中央揃え）にする。
格納する要素を中央揃えにする。
*/
#maincontentbox{
width: 526px; margin: 0px auto; text-align: center;
}

/*
【06】
id名「layoutbox」に対して、
横幅を760pxにする。
格納する要素を左揃えにする。
*/
#layoutbox{
width: 526px; text-align: left;
padding: 15px 20px;
}

/*
【07】
id名「layoutbox」内の<dl></dl>クラス名「common」に対して、
左へ横並びさせる。
余白を左15px、右15px空けるようにする。
*/
#layoutbox dl.common{
float: left; padding-left: 15px; padding-right: 15px;margin: 0px;
}

/*
【08　※先の例と同じ】
クラス名「clear」に対して
左右の横並びを解除させる。
*/
.clear{
clear: both;
}

	

/* -------------------------
    /__tab menu 
-------------------------- */




#contents_memory {
	background : #fff;
	color: #222;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0px;
	padding : 15px;
	text-align: left; /* 20110821 text左寄せ */
}


#contents_memory p {
font-size: 95%;
line-height: 130%;
letter-spacing: 1px;
    margin: 5px 10px 10px 15px;
    /*padding-right: 6px;*/
	padding: 0;
}


#contents_memory a {
	background : #fff;
	color : #222;
	text-decoration : none;
}
#contents_memory a img{
	border: none;
}

#contents_memory a:hover	{
	color : #f00;
}

#contents_memory a.thickbox:hover {
cursor: url(../image/zoomin.cur), pointer;
}


.md {
	font-size: 110%;
}





/* photo1 */

#main {
/* photo1   float: right;*/  
    padding-bottom: 20px;
    /*width: 390px;*/
    width: 565px;
}
#main .photo_memory {
/* photo1
    background: none repeat scroll 0 0 #F8F500;
    border: 5px solid white; */
    border: 5px solid #F8F5DC;
    float: left;
    margin-bottom: 5px;
    width: 556px;
}
#main .photo_memory div {

    float: right;
    padding-top: 0px;
    width: 400px;
}
#main .photo_memory h3 {
    font-size: 1.08em;
    margin: 5px 0px 3px 0px;
}

#main .no_photo_memory {
/* photo1
    background: none repeat scroll 0 0 #F8F500;
    border: 5px solid white; */
    border: 5px solid #F8F5DC;
    float: left;
    margin-bottom: 5px;
    width: 556px;
}
#main .no_photo_memory div {

    float: right;
    padding-top: 0px;
    width: 556px;
}
#main .no_photo_memory h3 {
    font-size: 1.08em;
    margin: 5px 0px 3px 15px;
}


#main .photo_memory img {
	/*background: #fff;   20110821 透過エラー防止*/
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	padding: 5px;
	width: 128px;
	height: 128px;
}


#main .photo_memory div p {
font-size: 95%;
line-height: 130%;
letter-spacing: 1px;
    margin: 0px 0px 6px 0px;
    padding-right: 10px;
}
#main .photo_memory p.photo {
    float: left;
    margin: 0;
}
#main .photo_memory .seal {
    font-size: 0;
    line-height: 0;
    margin: 0;
    position: relative;
    width: 380px;
}
#main .photo_memory .seal img {
    position: absolute;
	border-style: none;
    right: 248px;
    top: 118px;
	padding: 0px;
	margin: 0px;
	width: 16px;
	height: 14px;
}
#service {
    background: none repeat scroll 0 0 #F7F0DD;
    float: left;
    margin-top: 15px;
    width: 390px;
}
#service h3 {
    background: none repeat scroll 0 0 #F4E4B5;
    margin-bottom: 10px;
    padding: 6px 8px;
}
#service ul {
    font-size: 0;
    line-height: 0;
    margin-left: 10px;
}
#service ul li {
    float: left;
    padding-bottom: 10px;
    padding-right: 10px;
}
#service ul li img {
    border: 1px solid #DACFBA;
}
#service ul li a:focus img, #service ul li a:hover img {
    border: 1px solid #F29268;

}