@import url("../../css/service.css");

.t-center { text-align: center;}

/* -------- nature ---------- */

.nature h3 {
margin: 15px 0 15px;
text-align: center;
}
.nature h4 {
margin: 0 0 20px;
padding: 0 0 0 5px;
border-left: 5px solid #009900;
color: #009900;
font-size: 1.2em;
}
.nature h5 { font-size: 1.1em;}
.nature p { margin: 20px 150px;}

.nature table {
margin: 25px 80px;
border-top: 1px dotted #2CA3D5;
}
.nature th,
.nature td {
padding: 35px 20px;
border-bottom: 1px dotted #2CA3D5;
vertical-align: top;
}
.nature th { text-align: center;}
.nature td p { margin: 20px 0 20px 5px;}

/* -------- report ---------- */

.report h2 {
margin: 10px 0 0;
}

.report h3 {
display: block;
width: 660px;
margin: 30px auto 20px;
padding: 5px 18px;
border-top: 1px solid #A9E552;
border-left: 1px solid #99D542;
border-right: 1px solid #79B532;
border-bottom: 1px solid #599502;
background: url(../nature/img/ttl2_bg.jpg) bottom repeat-x;
color: #444444;
letter-spacing: 1px;
font-size: 1.1em;
}
p.box {
margin: 18px 100px;
border: 1px solid #CCC;
background: #EEFCFF url(../nature/img/box_bg.gif);
overflow:hidden;
zoom:1;
}

/*
.clr{
clear:both;
}

*html p.box { height: 60px;}

*/

p.box .date { color: #444444; font-weight: bolder; letter-spacing: 1px; line-height: 200%;}
p.box img { float: left; margin:10px; border: 1px solid #999;}
p.box a img { border: 1px solid #CCC;}

/* -------- repo ---------- */

.repo #contents {
float: right;
width: 580px;
}
#SN {
float: left;
width: 200px;
margin: 0 0 20px;
border: 1px solid #BBDDBB;
background: #EEFFEE;
}

.contents h2 { margin: 0 0 25px;}

.repo h3 {
margin: 0 5px 20px;
padding: 4px 8px;
border: 2px solid #6699FF;
background: #EEFCFF url(../nature/img/ttl_bg.gif);
line-height: 160%;
}

div.repo-head p { margin: 15px 20px;}
div.repo-head ul { padding: 0 20px 0 40px;}
div.repo-head li { margin: 8px 0;}
p.prologue {
margin: 15px 0;
padding: 20px 20px; 0;
border-top: 1px dotted #009966;
color: #009966;
font-weight: bolder;
letter-spacing: 1px;
}

div.albumlink {
margin: 15px 22px;
padding: 12px;
border: 1px dashed #FFCC33;
background: #FFFFEE url(../nature/img/album.gif) 12px 12px no-repeat;
}
div.albumlink h4 { margin: 0 5px 8px 77px;}
div.albumlink h4 a { color: #FF9900;}
div.albumlink p { margin: 8px 0 5px 77px;}

table.schedule th,
table.schedule td {
padding: 5px 10px;
vertical-align: top;
}
table.schedule th {
border-top: 1px solid #ECF3FF;
border-left: 1px solid #ECF3FF;
border-right: 1px solid #C9D6FF;
border-bottom: 1px solid #C6D3FF;
background: #F3F6FF;
white-space: nowrap;
}
table.schedule table td { vertical-align: bottom;}

.repo h4 { color: #FF9900; font-size: 1.1em;}

ul.att { margin: 0 0 30px 40px; list-style-type: none;}
ul.att li { padding: 1px 0 1px 1.2em; text-indent: -1.2em;}
ul.att li:first-letter { padding-right: 0.2em; color: #CC9999; font-family: "ＭＳ ゴシック", "Osaka－等幅";}

table.links {
clear: both;
margin: 20px auto;
}
table.links td { padding: 5px 10px;}
table.links td { padding: 0 15px;}
table.links td a { display: block; padding: 0 0 0 15px;}
table.links td.ccell {
border-right: 1px dotted #999;
border-left: 1px dotted #999;
vertical-align: top;
}
table.links td.ccell a { background: url(../../img/arrow_u.gif) left 5px no-repeat;}
table.links td.rcell a { background: url(../../img/arrow_r.gif) right 5px no-repeat; padding: 0 12px 0 0;}
table.links td.lcell a { background: url(../../img/arrow_l.gif) left 5px no-repeat;}

/* side navi */

div.SNttl {
margin: 2px 1px 2px 0;
padding: 4px 5px;
border-left: 3px solid #33AA66;
background: #F9FFF9;
font-size: 1.1em;
font-weight: bolder;
}

#SN li {
margin: 1px;
border-top: 1px solid #FFF;
border-bottom: 1px solid #FFFCFF;
letter-spacing: 1px;
}

#SN li a,
div.SNttl a {
display: block;
padding: 5px 10px;
color: #555555;
}
.SN li a { border-left: 2px solid #99DDBB;}
.SN li a { background: #FFF;}

.SN li a:hover {
background: #FCEFEC;
color: #FD6262;
}

#SN ul.SNcate { margin: 5px 0 0; padding: 2px 0 0; border-top: 1px solid #DDE6DD;}
#SN ul.SNcate li { margin: 1px 1px 1px 0;}
.SN .SNcate a { border-left: 2px solid #33AA66; background: #FCFFFC;}

.repo1 .snl1 a, .repo2 .snl2 a, .repo3 .snl3 a, .repo4 .snl4 a, .repo5 .snl5 a, .repo6 .snl6 a, .repo7 .snl7 a, .repo8 .snl8 a, .repo9 .snl9 a, .repo10 .snl10 a, .repo11 .snl11 a, .repo12 .snl12 a, .repo13 .snl13 a, .repo14 .snl14 a, .repo15 .snl15 a, .repo16 .snl16 a, .repo17 .snl17 a, .repo18 .snl18 a, .repo19 .snl19 a, .repo20 .snl20 a, .repo21 .snl21 a, .repo22 .snl22 a, .repo23 .snl23 a, .repo24 .snl24 a, .repo25 .snl25 a, .repo26 .snl26 a, .repo27 .snl27 a, .repo28 .snl28 a, .repo29 .snl29 a, .repo30 .snl30 a, .repo31 .snl31 a, .repo32 .snl32 a, .repo33 .snl33 a, .repo34 .snl34 a, .repo35 .snl35 a, .repo36 .snl36 a, .repo37 .snl37 a, .repo38 .snl38 a, .repo39 .snl39 a, .repo40 .snl40 a, .repo41 .snl41 a, .repo42 .snl42 a, .repo43 .snl43 a, .repo44 .snl44 a, .repo45 .snl45 a, .repo46 .snl46 a, .repo47 .snl47 a, .repo48 .snl48 a, .repo49 .snl49 a, .repo50 .snl50 a, .repo51 .snl51 a, .repo52 .snl52 a, .repo53 .snl53 a, .repo54 .snl54 a, .repo55 .snl55 a, .repo56 .snl56 a, .repo57 .snl57 a, .repo58 .snl58 a, .repo59 .snl59 a, .repo60 .snl60 a, .repo61 .snl61 a, .repo62 .snl62 a, .repo63 .snl63 a, .repo64 .snl64 a, .repo65 .snl65 a, .repo66 .snl66 a, .repo67 .snl67 a, .repo68 .snl68 a, .repo69 .snl69 a, .repo70 .snl70 a, .repo71 .snl71 a, .repo72 .snl72 a, .repo73 .snl73 a, .repo74 .snl74 a, .repo75 .snl75 a, .repo76 .snl76 a, .repo77 .snl77 a, .repo78 .snl78 a, .repo79 .snl79 a, .repo80 .snl80 a, .repo81 .snl81 a, .repo82 .snl82 a, .repo83 .snl83 a, .repo84 .snl84 a, .repo85 .snl85 a, .repo86 .snl86 a, .repo87 .snl87 a, .repo88 .snl88 a, .repo89 .snl89 a {
background: #DDFFEE;
cursor: default;
}
.repo1 .snl1 a:hover, .repo2 .snl2 a:hover, .repo3 .snl3 a:hover, .repo4 .snl4 a:hover, .repo5 .snl5 a:hover, .repo6 .snl6 a:hover, .repo7 .snl7 a:hover, .repo8 .snl8 a:hover, .repo9 .snl9 a:hover, .repo10 .snl10 a:hover, .repo11 .snl11 a:hover, .repo12 .snl12 a:hover, .repo13 .snl13 a:hover, .repo14 .snl14 a:hover, .repo15 .snl15 a:hover, .repo16 .snl16 a:hover, .repo17 .snl17 a:hover, .repo18 .snl18 a:hover, .repo19 .snl19 a:hover, .repo20 .snl20 a:hover, .repo21 .snl21 a:hover, .repo22 .snl22 a:hover, .repo23 .snl23 a:hover, .repo24 .snl24 a:hover, .repo25 .snl25 a:hover, .repo26 .snl26 a:hover, .repo27 .snl27 a:hover, .repo28 .snl28 a:hover, .repo29 .snl29 a:hover, .repo30 .snl30 a:hover, .repo31 .snl31 a:hover, .repo32 .snl32 a:hover, .repo33 .snl33 a:hover, .repo34 .snl34 a:hover, .repo35 .snl35 a:hover, .repo36 .snl36 a:hover, .repo37 .snl37 a:hover, .repo38 .snl38 a:hover, .repo39 .snl39 a:hover, .repo40 .snl40 a:hover, .repo41 .snl41 a:hover, .repo42 .snl42 a:hover, .repo43 .snl43 a:hover, .repo44 .snl44 a:hover, .repo45 .snl45 a:hover, .repo46 .snl46 a:hover, .repo47 .snl47 a:hover, .repo48 .snl48 a:hover, .repo49 .snl49 a:hover, .repo50 .snl50 a:hover, .repo51 .snl51 a:hover, .repo52 .snl52 a:hover, .repo53 .snl53 a:hover, .repo54 .snl54 a:hover, .repo55 .snl55 a:hover, .repo56 .snl56 a:hover, .repo57 .snl57 a:hover, .repo58 .snl58 a:hover, .repo59 .snl59 a:hover, .repo60 .snl60 a:hover, .repo61 .snl61 a:hover, .repo62 .snl62 a:hover, .repo63 .snl63 a:hover, .repo64 .snl64 a:hover, .repo65 .snl65 a:hover, .repo66 .snl66 a:hover, .repo67 .snl67 a:hover, .repo68 .snl68 a:hover, .repo69 .snl69 a:hover, .repo70 .snl70 a:hover, .repo71 .snl71 a:hover, .repo72 .snl72 a:hover, .repo73 .snl73 a:hover, .repo74 .snl74 a:hover, .repo75 .snl75 a:hover, .repo76 .snl76 a:hover, .repo77 .snl77 a:hover, .repo78 .snl78 a:hover, .repo79 .snl79 a:hover, .repo80 .snl80 a:hover, .repo81 .snl81 a:hover, .repo82 .snl82 a:hover, .repo83 .snl83 a:hover, .repo84 .snl84 a:hover, .repo85 .snl85 a:hover, .repo86 .snl86 a:hover, .repo87 .snl87 a:hover, .repo88 .snl88 a:hover, .repo89 .snl89 a:hover {
background: #DDFFEE;
color: #555555;
}
.rcat11 .SN11 a, .rcat12 .SN12 a, .rcat13 .SN13 a, .rcat14 .SN14 a, .rcat15 .SN15 a, .rcat16 .SN16 a, .rcat17 .SN17 a, .rcat18 .SN18 a, .rcat19 .SN19 a, .rcat20 .SN20 a, .rcat21 .SN21 a, .rcat22 .SN22 a, .rcat23 .SN23 a {
background: #CCFFDD;
}

.iiji_detail_title{
color: #006600;
}