html,body {
margin:0px;
padding:0px;
height:100%;
}

body {
font-size:100%;
line-height:140%;
color: #333333;
background-attachment:fixed;
background-image : url(../img/stripe.png);
background-repeat:repeat;
}

.SCREEN {
display: none;
}

.PRINT {
display: inline;
}

/* for IE6 */
* html body {
    font-size: 90%;
}

/* for IE7 */
*:first-child+html body {
    font-size: 90%;
}

BODY A:LINK {
	color:#666666;
text-decoration:underline;
}

BODY A:VISITED {
	color:gray;
text-decoration:underline;
}

body a:hover {
	color:#690;
text-decoration:underline;
background-color:#FCFFEC;
}

div.container {
  width:100%;
  height:100%;
  margin: 0%;
  padding: 0%;
}

div.header {
 width:90%;
 margin-bottom: 20px;
 text-align: right; /* テキストの右揃 */
}

div.main {
 width: 80%;
 margin-left: auto;
 margin-right: auto;
 font-size : 100%;
 font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
 text-align: left; /* テキストの左揃 */
}

div.footer1 {
 width:100%;
 margin-top: 30px;
 margin-bottom: 50px;
 text-align: center; /* テキストの中央揃 */
 clear: left;
}

div.footer2 {
 width:100%;
 margin-top: 30px;
 text-align: center; /* テキストの中央揃 */
 clear: left;

}

div.imgR {
margin: 5px 15px 10px 20px;
padding: 0px 5px 5px 0px;
background : transparent url(../img/shadow_img.gif) repeat scroll right bottom;
background-repeat: no-repeat;
float: right;
}

div.img2 {
margin: 5px 15px 10px 20px;
padding: 0px 5px 5px 0px;
background : transparent url(../img/shadow_img.gif) repeat scroll right bottom;
background-repeat: no-repeat;
float: left;
}

div.img3 {
margin: 5px 15px 10px 20px;
padding: 0px 5px 5px 0px;
background : transparent url(../img/shadow_img.gif) repeat scroll right bottom;
background-repeat: no-repeat;

float: left;
}

div.shadowC {
margin-left: auto;
margin-right: auto;
text-align: center; /* テキストの左揃え */
float: none;
}

div.centerbox{
 width: 50%;
 margin-left: auto;
 margin-right: auto;
 border: 1px solid #000;
}


TD {
	font-size:100%;
line-height:145%;
  
}

.td02{
  border-bottom-width : 1px;
  border-bottom-style : dashed;
  border-bottom-color : #CCC;
}

td img {
	border:0;
}

form {
	margin:0;
}


H1{
  width:760px;
  font-size : 140%;
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight : bold;
  color : #800000;
  margin-left : 9%;
  margin-top : 50px;
  margin-bottom : 25px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #f19149;
  padding-top : 3px;
  padding-left : 10px;
  border-left-width : 10px;
  border-left-style : solid;
  border-left-color : #f19149;
}

H2{
  width:760px;
  font-size : 120%;
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight : bold;
  color : #800000;
  margin-left : 9%;
  margin-top : 50px;
  margin-bottom : 20px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #f19149;
  padding-left : 10px;
  padding-top : 3px;
  border-left-width : 8px;
  border-left-style : solid;
  border-left-color : #f19149;
}

H3{
  width:760px;
  font-size : 120%;
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight : bold;
  color : #800000;
  margin-left : 9%;
  margin-top : 50px;
  margin-bottom : 25px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #9999ff;
  padding-top : 3px;
  padding-left : 10px;
  border-left-width : 10px;
  border-left-style : solid;
  border-left-color : #9999ff;
}

h4{
 width:100%;
 border-bottom:dashed 1px #CCC;
 font-size:100%;
 font-weight:400;
 color:#360;
 margin-top:2px;
 margin-bottom:5px;
}

H5{
  font-weight : bold;
  color : #000000;
  font-size : 110%;
  margin-bottom : 5px;
}

H6{
  font-weight : bold;
  color : #ff0000;
  font-size : 100%;
  margin-bottom : 5px;
}

.H7{
  width: 98%;
  font-size : 120%;
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight : bold;
  color : #993300;
  margin-left : 1%;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #990000;
  margin-bottom : 2px;
}

.H3{
  width:920px;
  font-size : 140%;
  font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-weight : bold;
  color : #800000;
  margin-left : 1%;
  padding-top : 3px;
  margin-top : 40px;
  margin-bottom : 25px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #9999ff;
  border-left-width : 10px;
  border-left-style : solid;
  border-left-color : #9999ff;
}

.shadow {
 margin: 3px 0 0 5px;
 background : transparent url(../img/shadow_img.gif) repeat scroll right bottom;
 background-repeat: no-repeat;
 float: right;
}

.shadowb {
 margin: 3px 0 0 5px;
 background : transparent url(../img/shadow_img.gif) repeat scroll right bottom;
 background-repeat: no-repeat;
 float: left;
}

.shadowb IMG {
 position: relative;
 left: -5px;
 top: -5px;
}


.shadow IMG {
 position: relative;
 left: -5px;
 top: -5px;
}


.iv{
 border-radius: 3px;   /* CSS3 */
 -moz-border-radius: 3px;   /* Firefox */
 -webkit-border-radius: 3px; /* Safari,Chrome */
 background-color:#ff9999;
 text-align:left;
 font-weight:bold;
 height:1.3em;
 color : #000000;
 padding : 3px 4px 3px 3px;
 margin: 5px 0 7px 4px;
}

.iv2{
 border-radius: 3px;   /* CSS3 */
 -moz-border-radius: 3px;   /* Firefox */
 -webkit-border-radius: 3px; /* Safari,Chrome */
 border: 1px blue solid;
 background-color:#ffffff;
 text-align:left;
 font-weight:bold;
 height:1.3em;
 color : #000000;
 padding : 3px 4px 3px 3px;
 margin: 5px 0 7px 4px;
}

.ivb{
 border-radius: 15px;   /* CSS3 */
 -moz-border-radius: 15px;   /* Firefox */
 -webkit-border-radius: 15px; /* Safari,Chrome */
 border: 2px green solid;
 background-color:#ffffff;
 text-align:left;
 height:1.4em;
 color : #000000;
 padding : 0 5px 0 5px;
 margin: 5px 0 5px 5px;
}

.ivc{
 border-radius: 9px;   /* CSS3 */
 -moz-border-radius: 9px;   /* Firefox */
 -webkit-border-radius: 9px; /* Safari,Chrome */
 border: 3px outset #99ffff;
 background-color:#330066;
 text-align:left;
 height:1.5 em;
 color : #000000;
 padding : 0 5px 0 5px;
 margin: 5px 0 5px 5px;
}

.ivd{
 border-radius: 10px;   /* CSS3 */
 -moz-border-radius: 10px;   /* Firefox */
 -webkit-border-radius: 10px; /* Safari,Chrome */
 border: 2px #ffcc66 solid;
 background-color:#ffcccc;
 text-align:left;
 height:2.0em;
 color : #000000;
 padding-right: 7px;
 padding-top: 0.5em;
 padding-left: 7px;
 padding-bottom: 3px;
 margin: 5px 0 5px 1px;
}

.ive{
 border-radius: 4px;   /* CSS3 */
 -moz-border-radius: 4px;   /* Firefox */
 -webkit-border-radius: 4px; /* Safari,Chrome */
 border: 2px #990033 solid;
 background-color:#990000;
 text-align:left;
 height:2.5em;
 color : #fff;
 font-weight : bold;
 padding-right: 5px;
 padding-top: 0.5em;
 padding-left: 5px;
 padding-bottom: 3px;
 margin: 5px 0 5px 1px;
}

.sp{
 border-left-width : 2px;
 border-right-width : 2px;
 border-bottom-width : 1px;
 border-style : none dotted dotted dotted;
 border-left-color : fuchsia;
 border-right-color : fuchsia;
 border-bottom-color : navy;
}

.spb{
 border-bottom-width : 1px;
 border-style : none none dotted none;
 border-bottom-color : navy;
}

hr {
  width:600px;
  border-bottom:dashed 1px #CCC;
}

.w02{
	font-size : 100%;
font-family:"ＭＳ Ｐゴシック",Osaka－等幅,sans-serif;
line-height : 140%;
padding-left : 5px;
padding-right : 10px;
}

.comment {
	font-size : 95%;
background-color:#e7f3de;
background-position:600px 600px;
text-align:left;
font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
margin-left : 0px;
margin-right : 0px;
padding-left : 5px;
padding-right : 5px;
}


.al_7{
 -webkit-border-top-left-radius: 7px; 
 -moz-border-radius-topleft: 7px; 
 -webkit-border-top-right-radius: 7px; 
 -moz-border-radius-topright: 7px; 
 -webkit-border-bottom-left-radius: 7px; 
 -moz-border-radius-bottomleft: 7px; 
 -webkit-border-bottom-right-radius: 7px; 
 -moz-border-radius-bottomright: 7px;
}

.al_7u{
 -webkit-border-top-left-radius: 7px; 
 -moz-border-radius-topleft: 7px; 
 -webkit-border-top-right-radius: 7px; 
 -moz-border-radius-topright: 7px; 
}

.al_10{
 -webkit-border-top-left-radius: 10px; 
 -moz-border-radius-topleft: 10px; 
 -webkit-border-top-right-radius: 10px; 
 -moz-border-radius-topright: 10px; 
 -webkit-border-bottom-left-radius: 10px; 
 -moz-border-radius-bottomleft: 10px; 
 -webkit-border-bottom-right-radius: 10px; 
 -moz-border-radius-bottomright: 10px;
}

.al_10l{
 -webkit-border-top-left-radius: 10px; 
 -moz-border-radius-topleft: 10px; 
 -webkit-border-bottom-left-radius: 10px; 
 -moz-border-radius-bottomleft: 10px; 
}

.al_10r{
 -webkit-border-top-right-radius: 10px; 
 -moz-border-radius-topright: 10px; 
 -webkit-border-bottom-right-radius: 10px; 
 -moz-border-radius-bottomright: 10px;
}

.al_12{
 -webkit-border-top-left-radius: 12px; 
 -moz-border-radius-topleft: 12px; 
 -webkit-border-top-right-radius: 12px; 
 -moz-border-radius-topright: 12px; 
 -webkit-border-bottom-left-radius: 12px; 
 -moz-border-radius-bottomleft: 12px; 
 -webkit-border-bottom-right-radius: 12px; 
 -moz-border-radius-bottomright: 12px;
}

.al_12t{
 -webkit-border-top-left-radius: 12px; 
 -moz-border-radius-topleft: 12px; 
 -webkit-border-top-right-radius: 12px; 
 -moz-border-radius-topright: 12px; 
 -webkit-border-bottom-left-radius: 12px; 
 -moz-border-radius-bottomleft: 12px; 
 -webkit-border-bottom-right-radius: 12px; 
 -moz-border-radius-bottomright: 12px;
 font-size : 75%;
}

.U_15{
 -webkit-border-top-left-radius: 13px; 
 -moz-border-radius-topleft: 13px; 
 -webkit-border-top-right-radius: 13px; 
 -moz-border-radius-topright: 13px; 
}

.D_15{
 -webkit-border-bottom-left-radius: 13px; 
 -moz-border-radius-bottomleft: 13px; 
 -webkit-border-bottom-right-radius: 13px; 
 -moz-border-radius-bottomright: 13px;
}

.L_u15{
 -webkit-border-top-left-radius: 15px; 
 -moz-border-radius-topleft: 15px; 
}

.L_d15{
 -webkit-border-bottom-left-radius: 15px; 
 -moz-border-radius-bottomleft: 15px; 
}

.r_u15{
 -webkit-border-top-right-radius: 15px; 
 -moz-border-radius-topright: 15px; 
}

.r_d15{
 -webkit-border-bottom-right-radius: 15px; 
 -moz-border-radius-bottomright: 15px;
}

.none {
	DISPLAY: none;
}

/* Basic code - don't modify */
 
 #nav {
	display: block; margin: 0; padding: 0; position: relative; 
}
  #nav li {
	display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; 
}
  #nav a {
	display: block; 
}
  #nav ul {
	display: none; position: absolute; left: 0; margin: 0; padding: 0; 
}
  * html #nav ul {
	line-height: 0; 
} /* IE6 "fix" */
  	#nav ul a {
	zoom: 1; 
} /* IE6/7 fix */
    #nav ul li {
	float: none; 
}
    #nav ul ul {
	top: 0; 
}
    
/* Essentials - configure this */

#nav ul {
	width: 150px; 
}
#nav ul ul {
	left: 151px; 
}

/* Everything else is theming */
 
#nav {
	background-color: none; height: 30px;  z-index: 100;
}
#nav *:hover { background-color: none; }
#nav a {
	border-right: 1px solid #999999; color: #ffffff; font-size: 12px; padding: 6px; line-height: 1;text-decoration: none;
}
  #nav li.hover a {
	background-color: #006600; 
}
  #nav ul {
	top: 28px; 
}
    #nav ul li a {
	background-color: #5E5A5A; 
}
      #nav ul a.hover {
	background-color: #30A8C3; 
}
   #nav ul a {
	border-bottom: 1px solid white; border-right: none; opacity: 0.9; 
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
* html #nav ul li  {
	margin-bottom: -3px; 
} /* IE6ハック */
*:first-child+html #nav ul li  { margin-bottom: -4px; }/*IE7ハック */


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{
	position:absolute; top:0; left:0; z-index:9999; overflow:hidden;
}
#cboxOverlay{
	position:fixed; width:100%; height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft{
	clear:left;
}
#cboxContent{
	position:relative; overflow:hidden;
}
#cboxLoadedContent{
	overflow:auto;
}
#cboxTitle{
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic{
	position:absolute; top:0; left:0; width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
	cursor:pointer;
}
.cboxPhoto{
	float:left; margin:auto; border:0; display:block;
}
.cboxIframe{
	width:100%; height:100%; display:block; border:0;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{
	background:url(images/overlay.png) repeat 0 0;
}
#colorbox{}
    #cboxTopLeft{
	width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;
}
    #cboxTopRight{
	width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;
}
    #cboxBottomLeft{
	width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;
}
    #cboxBottomRight{
	width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;
}
    #cboxMiddleLeft{
	width:21px; background:url(images/controls.png) left top repeat-y;
}
    #cboxMiddleRight{
	width:21px; background:url(images/controls.png) right top repeat-y;
}
    #cboxTopCenter{
	height:21px; background:url(images/border.png) 0 0 repeat-x;
}
    #cboxBottomCenter{
	height:21px; background:url(images/border.png) 0 -29px repeat-x;
}
    #cboxContent{
	background:#fff; overflow:hidden;
}
        #cboxError{
	padding:30px; border:1px solid #ccc;
}
        #cboxLoadedContent{
	margin-bottom:70px;
}
        #cboxTitle{
	position:absolute; bottom:35px; left:0; text-align:center; width:100%; color:#000000;
}
        #cboxCurrent{
	position:absolute; bottom:4px; left:58px; color:#949494;
}
        #cboxSlideshow{
	position:absolute; bottom:4px; right:30px; color:#0092ef;
}
        #cboxPrevious{
	position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;
}
        .hover#cboxPrevious{
	background-position:-75px -25px;
}
        #cboxNext{
	position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;
}
        .hover#cboxNext{
	background-position:-50px -25px;
}
        #cboxLoadingOverlay{
	background:url(images/loading_background.png) no-repeat center center;
}
        #cboxLoadingGraphic{
	background:url(images/loading.gif) no-repeat center center;
}
        #cboxClose{
	position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;
}
        .hover#cboxClose{
	background-position:-25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{
	background:url(images/ie6/borderTopLeft.png);
}
.cboxIE6 #cboxTopCenter{
	background:url(images/ie6/borderTopCenter.png);
}
.cboxIE6 #cboxTopRight{
	background:url(images/ie6/borderTopRight.png);
}
.cboxIE6 #cboxBottomLeft{
	background:url(images/ie6/borderBottomLeft.png);
}
.cboxIE6 #cboxBottomCenter{
	background:url(images/ie6/borderBottomCenter.png);
}
.cboxIE6 #cboxBottomRight{
	background:url(images/ie6/borderBottomRight.png);
}
.cboxIE6 #cboxMiddleLeft{
	background:url(images/ie6/borderMiddleLeft.png);
}
.cboxIE6 #cboxMiddleRight{
	background:url(images/ie6/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}