* {
 margin : 0;
 padding : 0;
}

body {
 text-align : center;
 color : #cccccc;
 font-family : "MS UI Gothic",Osaka,sans-serif;
 font-size : 100%;
 cursor : default;
 background-color : #111166;
}

#p_body{
 text-align : center;
 width:95%;
 margin-left:auto;
 margin-right:auto;
 color : #cccccc;
 background-color : #111111;
}

/* ヘッダーエリア */
#header	{
 width : 100%;
 text-align : center;
 margin-bottom : 30px;
}

#header-text {
 padding : 10px;
 font-family: "MS UI Gothic",Osaka,sans-serif;
 font-size : 130%;
 color : #808099;
 background-color : #111111;
}

/* ナビゲーションバー */
#navi {
 margin-top : 0px;
 margin-bottom : 0px;
 background-color : #111111;
 font-family : veradana,georgia,serif,"MS UI Gothic",Osaka,sans-serif;
 font-size : 90%;
 font-style : italic;
 color : #ffffff;
 float : left;
 width : 100%;
}
#navi ul {
 list-style-type : none;
 margin : 0;
 padding : 0 0 0 50px;
}
#navi li {
 display : inline;
 padding : 0;
}
#navi a {
 text-decoration : none;
 color : #ffffff;
 background-color : #444444;
 display : block;
 float : left;
 padding : 5px 15px 5px 15px;
 font-weight : bold;
 border-right : 1px solid #111111;
 border-left : 1px solid #111111;
}
#navi a:link {
 color : #cccccc;
 background-color : #444444;
}
#navi a:visited {
 color : #cccccc;
 background-color : #444444;
}
#navi a:hover {
 color : #ff0033;
 background-color : #111111;
}
#navi #active a {
 text-decoration : none;
 color : #ffffff;
 background-color : #111166;
 display : block;
 float : left;
 padding : 5px 15px 5px 15px;
 font-weight : bold;
}
#navi #active a:link {
 color : #ffffff;
 background-color : #111166;
}
#navi #active a:visited {
 color : #ffffff;
 background-color : #111166;
}
#navi #active a:hover {
 color : #ff0033;
 background-color : #111166;
}

/* サイトマップ */
#navi #sitemap a{
 text-align : right;
 text-decoration : none;
 color : #ccccdd;
 font-size : 75%;
 background-color : #111111;
 padding : 0px 10px 0px 10px;
 margin : 10px auto 0 50px;
 font-weight : bold;
}
#navi #sitemap a:hover {
 color : #ffffff;
 background-color : #111111;
}

/* サブナビゲーションバー */
#sub-navi {
 margin-top : 0px;
 margin-bottom : 5px;
 background-color : #111166;
 font-family : veradana,georgia,serif,"MS UI Gothic",Osaka,sans-serif;
 font-size : 75%;
 color : #999999;
 float : left;
 width : 100%;
}
#sub-navi ul {
 list-style-type : none;
 margin : 0;
 padding : 0 0 0 50px;
}
#sub-navi li {
 display : inline;
 padding : 0;
}
#sub-navi a {
 text-decoration : none;
 color : #cccccc;
 background-color : #111166;
 display : block;
 float : left;
 padding : 5px 15px 5px 15px;
 font-weight : bold;
}
#sub-navi a:link {
 color : #cccccc;
 background-color : #111166;
}
#sub-navi a:visited {
 color : #cccccc;
 background-color : #111166;
}
#sub-navi a:hover {
 color : #ff0033;
 background-color : #111166;
}
#sub-navi #act a {
 text-decoration : none;
 color : #ffff99;
 background-color : #666699;
 display : block;
 float : left;
 padding : 5px 15px 5px 15px;
 font-weight : bold;
}
#sub-navi #act a:link {
 color : #ffff99;
 background-color : #666699;
}
#sub-navi #act a:visited {
 color : #ffff99;
 background-color : #666699;
}
#sub-navi #act a:hover {
 color : #ff0033;
 background-color : #666699;
}

/* パンくずナビ */
#lead {
 clear : left;
 text-align : left;
 vertical-align : middle;
 margin : 20px auto 10px;
 padding : 5px 0 5px 50px;
 background-color : #333333;
 font-family : "MS UI Gothic",Osaka,sans-serif;
 font-size : 80%;
 color : #cccccc;
 width : 90%;
}
#lead a {
 color : #dddd99;
 background-color : #333333;
 text-decoration : none;
}
#lead a:link {
 color : #dddd99;
 background-color : #333333;
 text-decoration : none;
}
#lead a:visited {
 color : #dddd99;
 background-color : #333333;
 text-decoration : none;
}
#lead a:active {
 color : #ffffff;
 background-color : #333333;
 text-decoration : underline;
}
#lead a:hover {
 color : #ffffff;
 background-color : #333333;
 text-decoration : underline;
}

/* メインエリア */
#wrapper {
 width : 100%;
 float : left;
 margin-right : -180px;
}

/* メインエリア子 */
#main {
 color : #cccccc;
 background-color:#111111;
 text-align : center;
 margin-right : 180px;
 padding : 0 30px;
}

/* 右エリア */
#right_menu {
 width : 180px;
 float : left;
 text-align : left;
 padding-top: 100px;
}

/* フッター */
#footer {
 width : 100%;
 clear : left;
 text-align : center;
}
#footer strong {
 font-size : 150%;
 color : #cc9999;
 background-color : #111111;
}

/* メールボックス */
.mail_box {
 margin : 10px 30px;
 padding : 20px;
 text-align : center;
 font-size : 80%;
 border : 2px solid #333333;
}
/* webring,links用BOX */
.ring {
 margin : 10px;
 padding : 10px;
 text-align : center;
 background-color : #111111;
 border : 1px solid #555588;
 color : #bbbbbb;
 font-size : 90%;
}
.ring img {
 margin : 0;
 padding : 0;
}

#inform	{
 margin : 30px 50px;
 padding : 20px;
 text-align : left;
 background-color : #111111;
 border : 7px ridge #555588;
 color : #bbbbbb;
 font-family: "MS UI Gothic",Osaka,sans-serif;
 font-size : 95%;
 line-height : 150%;
 letter-spacing: 0.125em;
 text-indent : 1em;
}

a:link	{
  color : #ffff00;
}
a:visited	{
  color : #ccbb55;
}
a:active	{
  color : #ff8080;
}
a:hover	{
  color : #ffffe0;
}
h1	{
 color : #cccc80;
 font-family : "MS UI Gothic",Osaka,sans-serif;
 font-size : 200%;
 margin-top : 20px;
 margin-bottom : 10px;
}
h1 span{
 color : #339999;
 font-size : 70%;
}

p {
 font-family: "MS UI Gothic",Osaka,sans-serif;
 color : #cccccc;
 background-color : transparent;
 font-size : 90%;
 line-height: 140%;
 letter-spacing: 0.1em;
 margin : 15px 0;
}

p span	{
 color : #ff99ff;
 background-color : transparent;
}

p strong {
 font-size: 110%;
 color : #ccffaa;
 background-color : transparent;
 font-weight : bolder;
}

p em {
 font-family : "MS UI Gothic",Osaka,sans-serif;
 font-size: 105%;
 color : #eeeecc;
 background-color : transparent;
 font-style : normal;
 font-weight : bold;
}

p.title{
 text-align : center;
 color : #ffffcc;
 background-color : transparent;
 font-size : 110%;
}

p.caution {
 text-align : left;
 color : #ff6666;
 background-color : transparent;
 font-size : 110%;
}

.center {
 text-align : center;
}

/* 文字左寄せ */
.left{
 text-align : left;
}

p.large {
 text-align: center;
 color: #9999cc;
 background-color : transparent;
 font-size: 120%;
}

p.link	{
  text-align : center;
}

p#gal_m {
 color : #9999ee;
 font-family: "MS UI Gothic",Osaka,sans-serif;
 line-height: 150%;
 letter-spacing: 0.1em;
 font-style : italic;
 font-weight : bolder;
 font-size : 130%;
 margin-top : 20px;
 margin-bottom : 0px;
}
p#gal_type {
 color : #ff9999;
 font-family: "MS UI Gothic",Osaka,sans-serif;
 line-height: 150%;
 letter-spacing: 0.1em;
 font-weight : bold;
 font-size : 90%;
 margin-top : 0px;
 margin-bottom : 20px;
}

.date {
 color : #ccffff;
 background-color : transparent;
}

ul {
 margin : 0 0 5px 70px;
 text-align : left;
 line-height: 140%;
 letter-spacing: 0.1em;
}
ul.list {
 color : #99cccc;
 line-height: 150%;
 letter-spacing: 0.1em;
 font-size : 90%;
 margin : 10px 5px 20px 50px;
}

hr {
 border : 3px solid #669966;
 width : 70%;
 margin : 15px auto;
 text-align : center;
}

address {
 margin : 10px auto;
}

blockquote {
 font-family: "MS UI Gothic",Osaka,sans-serif;
 line-height: 140%;
 letter-spacing: 0.1em;
 color : #aac0c0;
 background-color : transparent;
 font-size : 80%;
 margin-left : 20px;
 border-left : 5px solid #6666CC;
 padding-left : 5px;
}
blockquote p {
 font-size : 100%;
 color : #aac0c0;
 background-color : transparent;
}

span.name {
 color : #66ff66;
 background-color : transparent;
}

input.favorite {
 border-style : double;
 border-width : 2px;
 background-color : #9999ff;
 border-color : #6666ff;
 color : #000033;
}

img {
 border : 0;
}

/* 画像周りスペース */
img.s-space {
 margin : 10px auto;
 text-align : center;
}

img.space {
 margin : 20px 30px;
 text-align : center;
}

/* 説明文章背面 */
div.body-text {
 width : 550px;
 text-align : left;
 border : 2px solid #666666;
 background-color : #111122;
 margin : 10px auto;
 padding : 20px;
}

/* 説明文章品番欄 */
div.hinban	{
 margin : 20px auto;
 background-color : #111116;
 border : 1px solid #999966;
 padding : 10px;
}

table {
 text-align : center;
 border-collapse : collapse;
 vertical-align : middle;
 background-color : #111111;
 margin : 10px auto;
}
table.top {
  border : 7px ridge #555599;
  margin-bottom : 30px;
}

tr.link {
 text-align : left;
 background-color : #111111;
 font-size : 80%;
 border : 0px solid #333333;
}

/* MYエス画像表題欄 */
th {
 font-family: "MS UI Gothic",Osaka,sans-serif;
 color : #ffff99;
 background-color : #111133;
 font-size : 110%;
 line-height: 140%;
 letter-spacing: 0.1em;
 padding : 5px 20px;
 border : 1px solid #333333;
}

td {
 font-family: "MS UI Gothic",Osaka,sans-serif;
 line-height: 150%;
 vertical-align : top;
 font-size : 90%;
 padding : 3px 0 3px 5px;
 border : 0px solid #333333;
}

td span {
 color : #ffff80;
 background : transparent;
}

td.n {
 border : 0px solid #111111;
 text-align : left;
 font-size : 90%;
}
td.case {
 width : 100px;
 vertical-align : middle;
}
td.s-case {
 width : 70px;
 vertical-align : middle;
}

.hin {
  border : 0px;
  color : #9980cc;
}

/* 評価欄左・ギャラリー表題 */
.com-l	{
 background-color : #000033;
 padding : 5px 15px 5px 15px;
 color : #cc8080;
 font-weight : bold;
 border : 1px solid #808080;
 text-align : left;
}

/* 評価欄右 */
.com-r	{
  text-align : center;
  background-color : #000033;
  padding : 3px 3px 3px 3px;
  color : #cccccc;
  font-weight : bold;
  border : 1px solid #808080;
}

/* ギャラリー仕様欄 */
.com-d	{
  text-align : left;
  vertical-align : top;
  background-color : #111111;
  padding : 5px 50px 5px 20px;
  color : #cccccc;
  font-size : 90%;
  border : 1px solid #8080ff;
}