@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #3399CC; /* ページの背景色 */
color: #005D90; /* 全体の文字色 */
font-size: 80%; /* 全体の文字サイズ */
border: none;
}
img {
border: none;
vertical-align: top;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #003366; }
a:visited { color: #003366; }
a:hover { color: #2389BC; }
a:active { color: #2389BC; }
a img { border: none; }
a { text-decoration: none; }
a.dot { border-bottom: 2px dotted; }


/* --- コンテナ --- */
#container {
width: 96%; /* ページの幅 */
margin: 0 auto; /* センタリング */
background-color: #3399CC; /* メインカラムの背景色 */
}

/* --- ヘッダ --- */
#header {
background-color: #3399CC; /* ヘッダの背景色 */
}

/* --- ナビゲーション --- */
#nav {
float: left;
width: 160px; /* サイドバーの幅 */
}

/* --- メインカラム --- */
#content {
margin-left: 200px; /* メインカラムの左マージン（サイドバーの幅以上） */
}

img.main { float: left; 
width: 397px; /* 商品イラストの幅 */
}

.clear{ clear: both; }

.shirts-m {
width: 660px; /* マンンスリーＴシャツ商品ページの幅 */
height: 455px; /* マンンスリーＴシャツ商品ページの高さ */
background-color: #E4EAAC; /* Ｔシャツ商品ページの背景色 */
line-height: 120%; /* Ｔシャツ商品ページの行の高さ */
}

.shirts {
width: 660px; /* Ｔシャツ商品ページの幅 */
height: 615px; /* Ｔシャツ商品ページの高さ */
background-color: #E4EAAC; /* Ｔシャツ商品ページの背景色 */
line-height: 120%; /* Ｔシャツ商品ページの行の高さ */
}

.next {
width: 660px; /* ナンバーの幅 */
height: 15px; /* ナンバーの高さ */
background-image: url(parts/next.gif);/* ナンバー部の背景 */
background-color: #005D90; /* ナンバーの背景色 */
}

.no { 
margin-left: 40px; /* ナンバーマージン */ 
font-weight: bold;
}

.t {
width: 660px; /* Ｔシャツ商品ページ上部の幅 */
height: 452px; /* Ｔシャツ商品ページ上部の高さ */
background-color: #E4EAAC; /* Ｔシャツ商品ページの背景色 */
}

.goods {
background-color: white; /* その他商品ページの背景色 */
padding: 5px 10px 5px 5px; /* バナーパディング */
}

.up { margin: 0 27px; /* バナー間マージン */
}


img.bar { float: left; 
width: 36px; /* バーの幅 */
}

.info {
float: left; 
width: 588px; /* インフォページの幅 */
height: 340px; /* インフォページの高さ */
background-color: #E4EAAC; /* インフォページの背景色 */
}

.about {
float: left; 
width: 568px; /* アバウトページの幅 */
height: 715px; /* アバウトページの高さ */
background-color: #E4EAAC; /* アバウトページの背景色 */
}

.link {
float: left; 
width: 568px; /* リンクページの幅 */
height: 407px; /* リンクページの高さ */
background-color: #E4EAAC; /* リンクページの背景色 */
}

.mail {
float: left; 
width: 568px; /* メールページの幅 */
height: 500px; /* メールページの高さ */
background-color: #E4EAAC; /* メールページの背景色 */
}

textarea { 
width: 250px; /* テキストエリアサイズ */
height: 70px; /* テキストエリアサイズ */
}

.form{
margin: 0 20px;/* メールフォームマージン */
}

.illust {
float: left; 
width: 568px; /* イラストページの幅 */
height: 1140px; /* イラストページの高さ */
background-color: #3399CC; /* イラストページの背景色 */
}

.illust2 {
margin: 20px 0 0 40px;/* イラストマージン */
}

.shop {
float: left; 
width: 568px; /* オーダーページの幅 */
height: 1210px; /* オーダーページの高さ */
background-color: #E4EAAC; /* オーダーページの背景色 */
}

.diary {
float: left; 
width: 568px; /* 日記ページの幅 */
height: 640px; /* 日記ページの高さ */
background-color: #E4EAAC; /* 日記ページの背景色 */
}

iframe {
width: 528px; /* 日記フレームの幅 */
height: 530px; /* 日記フレームの高さ */
border: none;

}

.img-left { 
margin: 0 0 0 9px;/* イラスト左 */
}

img.pict { float: right; 
width: 266px; /* 画像の幅 */
}

img.oct { float: right; 
width: 168px; /* 画像の幅 */
}

img.box { float: right; 
width: 120px; /* 画像の幅 */
}

.octopus {
position: absolute;/* トップ画像 */
bottom: 20px;/* トップ画像、下から */
right: 45px;/* トップ画像、右から */
}

.news {
position: absolute;/* ニュース */
top: 50px;/* ニュース、上から */
right: 80px;/* ニュース、右から */
text-align: center;
border-bottom: 2px dotted;
}

ul { 
list-style-type: none; /* リストマーカー */
margin: 4px 0 0 25px;/* リストマージン */
color: #005D90; /* 文字色 */
padding: 0;
}

ul.help { 
list-style-type: disc; /* リストマーカー */
}

b { 
color: #003366; /* 文字色 */
}

b.white { 
color: white; /* 文字色 */
}

.pink { 
color: #FF6666; /* 文字色 */
}

.i-moji {
line-height: 150%;
}

.text {
padding: 10px 20px 0px 20px; /* テキストのパディング */
line-height: 109%;
}

hr.top {
width: 100%;
height: 16px;
color:white;
background-color:white;
border: none
}

hr { 
height: 7px;
color:#005D90;
background-color:#005D90;
border: none 
}

.move { 
text-align: center;
font-size: large;
color: white;
}


/* --- フッタ --- */
#footer {
clear: left; /* フロートのクリア */
width: 100%;
background-color: #3399CC; /* フッタの背景色 */
color:white;
font-weight: bold;
text-align: right;
}