/*説明 マージン、パディング共通
オプションなし（上、下、右、左に適用）
-t （上だけに適用）
-b （下だけに適用）
-l （左だけに適用）
-r （右だけに適用）
*/
/*マージン（上、下、右、左）*/
.margin0{margin: 0px !important}
.margin1{margin: 1px !important}
.margin2{margin: 2px !important}
.margin3{margin: 3px !important}
.margin4{margin: 4px !important}
.margin5{margin: 5px !important}
.margin6{margin: 6px !important}
.margin7{margin: 7px !important}
.margin8{margin: 8px !important}
.margin9{margin: 9px !important}
.margin10{margin: 10px !important}
.margin15{margin: 15px !important}
.margin20{margin: 20px !important}
.margin30{margin: 30px !important}
.margin40{margin: 40px !important}
.margin50{margin: 50px !important}
.margin60{margin: 60px !important}
/*マージン(上)*/
.margin0-t{margin-top: 0px !important}
.margin1-t{margin-top: 1px !important}
.margin2-t{margin-top: 2px !important}
.margin3-t{margin-top: 3px !important}
.margin4-t{margin-top: 4px !important}
.margin5-t{margin-top: 5px !important}
.margin6-t{margin-top: 6px !important}
.margin7-t{margin-top: 7px !important}
.margin8-t{margin-top: 8px !important}
.margin9-t{margin-top: 9px !important}
.margin10-t{margin-top: 10px !important}
.margin15-t{margin-top: 15px !important}
.margin20-t{margin-top: 20px !important}
.margin30-t{margin-top: 30px !important}
.margin40-t{margin-top: 40px !important}
.margin50-t{margin-top: 50px !important}
.margin60-t{margin-top: 60px !important}
/*マージン(下)*/
.margin0-b{margin-bottom: 0px !important}
.margin1-b{margin-bottom: 1px !important}
.margin2-b{margin-bottom: 2px !important}
.margin3-b{margin-bottom: 3px !important}
.margin4-b{margin-bottom: 4px !important}
.margin5-b{margin-bottom: 5px !important}
.margin6-b{margin-bottom: 6px !important}
.margin7-b{margin-bottom: 7px !important}
.margin8-b{margin-bottom: 8px !important}
.margin9-b{margin-bottom: 9px !important}
.margin10-b{margin-bottom: 10px !important}
.margin15-b{margin-bottom: 15px !important}
.margin20-b{margin-bottom: 20px !important}
.margin30-b{margin-bottom: 30px !important}
.margin40-b{margin-bottom: 40px !important}
.margin50-b{margin-bottom: 50px !important}
.margin60-b{margin-bottom: 60px !important}
/*マージン(左)*/
.margin0-l{margin-left: 0px !important}
.margin1-l{margin-left: 1px !important}
.margin2-l{margin-left: 2px !important}
.margin3-l{margin-left: 3px !important}
.margin4-l{margin-left: 4px !important}
.margin5-l{margin-left: 5px !important}
.margin6-l{margin-left: 6px !important}
.margin7-l{margin-left: 7px !important}
.margin8-l{margin-left: 8px !important}
.margin9-l{margin-left: 9px !important}
.margin10-l{margin-left: 10px !important}
.margin15-l{margin-left: 15px !important}
.margin20-l{margin-left: 20px !important}
.margin30-l{margin-left: 30px !important}
.margin40-l{margin-left: 40px !important}
.margin50-l{margin-left: 50px !important}
.margin60-l{margin-left: 60px !important}
/*マージン(右)*/
.margin0-r{margin-right: 0px !important}
.margin1-r{margin-right: 1px !important}
.margin2-r{margin-right: 2px !important}
.margin3-r{margin-right: 3px !important}
.margin4-r{margin-right: 4px !important}
.margin5-r{margin-right: 5px !important}
.margin6-r{margin-right: 6px !important}
.margin7-r{margin-right: 7px !important}
.margin8-r{margin-right: 8px !important}
.margin9-r{margin-right: 9px !important}
.margin10-r{margin-right: 10px !important}
.margin15-r{margin-right: 15px !important}
.margin20-r{margin-right: 20px !important}
.margin30-r{margin-right: 30px !important}
.margin40-r{margin-right: 40px !important}
.margin50-r{margin-right: 50px !important}
.margin60-r{margin-right: 60px !important}
/*パディング（上、下、右、左）*/
.padding0{padding: 0px !important}
.padding1{padding: 1px !important}
.padding2{padding: 2px !important}
.padding3{padding: 3px !important}
.padding4{padding: 4px !important}
.padding5{padding: 5px !important}
.padding6{padding: 6px !important}
.padding7{padding: 7px !important}
.padding8{padding: 8px !important}
.padding9{padding: 9px !important}
.padding10{padding: 10px !important}
.padding15{padding: 15px !important}
.padding20{padding: 20px !important}
/*パディング(上)*/
.padding0-t{padding-top: 0px !important}
.padding1-t{padding-top: 1px !important}
.padding2-t{padding-top: 2px !important}
.padding3-t{padding-top: 3px !important}
.padding4-t{padding-top: 4px !important}
.padding5-t{padding-top: 5px !important}
.padding6-t{padding-top: 6px !important}
.padding7-t{padding-top: 7px !important}
.padding8-t{padding-top: 8px !important}
.padding9-t{padding-top: 9px !important}
.padding10-t{padding-top: 10px !important}
.padding15-t{padding-top: 15px !important}
.padding20-t{padding-top: 20px !important}
/*パディング(下)*/
.padding0-b{padding-bottom: 0px !important}
.padding1-b{padding-bottom: 1px !important}
.padding2-b{padding-bottom: 2px !important}
.padding3-b{padding-bottom: 3px !important}
.padding4-b{padding-bottom: 4px !important}
.padding5-b{padding-bottom: 5px !important}
.padding6-b{padding-bottom: 6px !important}
.padding7-b{padding-bottom: 7px !important}
.padding8-b{padding-bottom: 8px !important}
.padding9-b{padding-bottom: 9px !important}
.padding10-b{padding-bottom: 10px !important}
.padding15-b{padding-bottom: 15px !important}
.padding20-b{padding-bottom: 20px !important}
/*パディング(左)*/
.padding0-l{padding-left: 0px !important}
.padding1-l{padding-left: 1px !important}
.padding2-l{padding-left: 2px !important}
.padding3-l{padding-left: 3px !important}
.padding4-l{padding-left: 4px !important}
.padding5-l{padding-left: 5px !important}
.padding6-l{padding-left: 6px !important}
.padding7-l{padding-left: 7px !important}
.padding8-l{padding-left: 8px !important}
.padding9-l{padding-left: 9px !important}
.padding10-l{padding-left: 10px !important}
.padding15-l{padding-left: 15px !important}
.padding20-l{padding-left: 20px !important}
/*パディング(右)*/
.padding0-r{padding-right: 0px !important}
.padding1-r{padding-right: 1px !important}
.padding2-r{padding-right: 2px !important}
.padding3-r{padding-right: 3px !important}
.padding4-r{padding-right: 4px !important}
.padding5-r{padding-right: 5px !important}
.padding6-r{padding-right: 6px !important}
.padding7-r{padding-right: 7px !important}
.padding8-r{padding-right: 8px !important}
.padding9-r{padding-right: 9px !important}
.padding10-r{padding-right: 10px !important}
.padding15-r{padding-right: 15px !important}
.padding20-r{padding-right: 20px !important}
/*br（改行の代わりに。数字が大きいほど空きが大きい）*/
.br10{margin-top: 10px;}
.br20{margin-top: 20px;}
.br30{margin-top: 30px;}
.br40{margin-top: 40px;}
.br50{margin-top: 50px;}
.br60{margin-top: 60px;}
.br70{margin-top: 70px;}
.br80{margin-top: 80px;}
.br90{margin-top: 90px;}
.br100{margin-top: 100px;}
/*文字サイズ（sはサイズのs）（s15とは、15ピクセルのサイズ）*/
.s9 {font-size: 9px;}
.s10 {font-size: 10px;}
.s11 {font-size: 11px;}
.s12 {font-size: 12px;}
.s13 {font-size: 13px;}
.s14 {font-size: 14px;}
.s15 {font-size: 15px;}
.s16 {font-size: 16px;}
.s17 {font-size: 17px;}
.s18 {font-size: 18px;}
.s19 {font-size: 19px;}
.s20 {font-size: 20px;}
.s21 {font-size: 21px;}
.s22 {font-size: 22px;}
.s23 {font-size: 23px;}
.s24 {font-size: 24px;}
.s25 {font-size: 25px;}
.s26 {font-size: 26px;}
.s27 {font-size: 27px;}
.s28 {font-size: 28px;}
.s29 {font-size: 29px;}
.s30 {font-size: 30px;}
/*文字の高さ（行間）文字を読みやすくしたりするため。（1.5emとは、１．５倍のこと。）*/
.lineheight1-0{line-height: 1em;}
.lineheight1-1{line-height: 1.1em;}
.lineheight1-2{line-height: 1.2em;}
.lineheight1-3{line-height: 1.3em;}
.lineheight1-4{line-height: 1.4em;}
.lineheight1-5{line-height: 1.5em;}
.lineheight1-6{line-height: 1.6em;}
.lineheight1-7{line-height: 1.7em;}
.lineheight1-8{line-height: 1.8em;}
.lineheight1-9{line-height: 1.9em;}
.lineheight2-0{line-height: 2.0em;}
/*文字色*/
.black{color: #000000;}
.gray{color: #808080;}
.silver{color: #C0C0C0;}
.white{color: #FFFFFF;}
.red{color: #FF0000;}
.maroon{color: #800000;}
.yellow{color: #FFFF00;}
.olive{color: #808000;}
.lime{color: #00FF00;}
.green{color: #008000;}
.aqua{color: #00FFFF;}
.teal{color: #008080;}
.blue{color: #0000FF;}
.navy{color: #000080;}
.fuchsia{color: #FF00FF;}
.purple{color: #800080;}
.orange{color: #FFA500;}
.pink{color: #FFC0CB;}
.brown{color: #A52A2A;}
/*文字色(自由設定)*/
.color1{color: #3366CC;}
.color2{color: #808080;}
.color3{color: #FF6633;}
.color4{color: #CC6699;}
.color5{color: #FF9933;}
/*背景色*/
.bg-black{background-color: #000000;}
.bg-gray{background-color: #808080;}
.bg-silver{background-color: #C0C0C0;}
.bg-white{background-color: #FFFFFF;}
.bg-red{background-color: #FF0000;}
.bg-maroon{background-color: #800000;}
.bg-yellow{background-color: #FFFF00;}
.bg-olive{background-color: #808000;}
.bg-lime{background-color: #00FF00;}
.bg-green{background-color: #008000;}
.bg-aqua{
background-color: #00FFFF;
}
.bg-teal{background-color: #008080;}
.bg-blue{background-color: #0000FF;}
.bg-navy{background-color: #000080;}
.bg-fuchsia{background-color: #FF00FF;}
.bg-purple{background-color: #800080;}
.bg-orange{background-color: #FFA500;}
.bg-pink{background-color: #FFC0CB;}
.bg-brown{background-color: #A52A2A;}
/*背景色(自由設定)*/
.bg-color1{background-color: #3366CC;}
.bg-color2{background-color: #808080;}
.bg-color3{background-color: #FF6633;}
.bg-color4{background-color: #CC6699;}
.bg-color5{background-color: #FF9933;}
/*----基本的な全般設定----*/
/*設定初期化*/
*{margin:0; padding:0;}
/*全体の設定(body)*/
body{
font-size: 12px; /*←全体のフォントの大きさ*/
line-height: 1.4em;
background-color: #CCCCCC; /*←画面の背景色*/
}
/*h1～h6タグの設定*/
h1, h2, h3, h4, h5, h6{
font-size: 14px; /*←全体のフォントの大きさ*/
color: #FF0000; /*←hxタグの色*/
letter-spacing: normal;
line-height: 1.5em;
}
p{line-height: 1.4em;}
/*リンク色の設定*/
A:link {
color : #0000cc ;
text-decoration : none ;
}
A:visited {
text-decoration : none;
color: #0000FF;
}
A:active {
color : #ff0000 ;
text-decoration : underline ;
}
A:hover {
color : #ff0000 ;
text-decoration : underline ;
}
/*----配置の設定（テキスト）----*/
/*右寄せ*/
.right{text-align:right;}
/*左寄せ*/
.left{text-align:left;}
/*真ん中寄せ*/
.center{text-align:center;}
/*----配置の設定（画像、テキストの回り込み）----*/
/*フロート（左）*/
.f-left{
display: block;
float: left;
}
/*フロート（右）*/
.f-right{
display: block;
float: right;
}
/*フロート（効果をなくす）*/
.clear{clear: both;}
/*画像の余白、枠などの設定*/
img {
text-decoration: none;
border: none;
margin: 2px;
padding: 0px;
display: block;
}
/*画像にリンクをつけた場合、デコレーションをなしに*/
a img {text-decoration: none;}
/*飾りなし*/
.nodecoration{text-decoration: none;}
/*アンダーライン*/
.underline{text-decoration: underline;}
/*取り消し線*/
.torikeshi{text-decoration: line-through;}
/*文字タイプ*/
.normal{
font-style: normal;
text-decoration: none;
} /*←文字ノーマル(普通)*/
.bold {font-weight: bold;} /*←文字ボールド(太字)*/
.italic{font-style: italic;} /*←文字イタリック(斜体)*/
/*マーカー（蛍光マーカー）*/
.marker{
background-color: #FFFF00;
padding: 2px;
height: auto;
width: auto;
}
/*画像をつかわないボタン*/
.button a, .button a:link, .button a:visited {
color : #FF3300; /*←文字色*/
background-color : #99CCCC; /*←ボタン色*/
font-size : 14px; /*←文字サイズ*/
font-weight : bold;
text-decoration : none;
display : inline;
width : auto;
padding-top : 3px;
padding-bottom : 3px;
text-align : center;
border: 2px outset #CCCCCC;
padding-right: 10px;
padding-left: 10px;
margin-right: 5px;
margin-left: 5px;
}
.button a:hover {
background-color : #FFCC66; /*←ボタン色（ホバー）*/
text-decoration: none;
}
/*色々なレイアウトに対応するための、内部の区画分けの設定*/
/*画面全体を囲むボックス（変更不可）*/
#base {
width:100%;
display: block;
text-align: center;
}
/*一番大きな外枠（810pix）(基本のボックスサイズ）（変更不可)*/
#wrapper {
display: block;
width: 810px;
margin-right: auto;
margin-left: auto;
margin-top: 25px; /*本体と上部分の余白*/
margin-bottom: 50px;
background-color: #FFFFFF; /*←本体の背景色*/
text-align: left;
border: 1px solid #000000; /*←外枠の色（線の太さは変更不可）*/
}
/*一番大きな外枠(細いHP 600pix)（横幅変更可能）*/
#wrapper-600pix {
display: block;
width: 600px;
margin-right: auto;
margin-left: auto;
margin-top: 22px; /*本体と上部分の余白*/
margin-bottom: 50px;
background-color: #FFFFFF; /*←本体の背景色*/
text-align: left;
border: 1px solid #333333; /*←外枠の色（線の太さは変更不可）*/
}
/*一番大きな外枠(細いHP 700pix)（横幅変更可能）*/
#wrapper-700pix {
display: block;
width: 700px;
margin-right: auto;
margin-left: auto;
margin-top: 22px; /*本体と上部分の余白*/
margin-bottom: 50px;
background-color: #FFFFFF; /*←本体の背景色*/
text-align: left;
border: 1px solid #333333; /*←外枠の色（線の太さは変更不可）*/
}
/*基本大枠(上部分、中部分、下部部分に分割)*/
/*上部(top)*/
#wrapper-top {
display: block;
width: auto;
clear: both;
float: none;
height: auto;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF; /*←上部の背景色*/
}
/*中間(middle)*/
#wrapper-middle {
display: block;
width: auto;
clear: both;
float: none;
height: auto;
margin-right: auto;
margin-left: auto;
}
/*下部(bottom)*/
#wrapper-bottom {
display: block;
clear: both;
float: none;
background-position: center;
text-align: center;
height: auto;
width: auto;
margin-right: auto;
margin-left: auto;
background-color: #FFFFFF; /*←下部の背景色*/
}
/*レイアウト別：中枠(色々なレイアウト用)変更不可*/
/*1-1*/
#base1-1 {
display: block;
width: auto;
clear: both;
float: none;
margin-right: auto;
margin-left: auto;
margin-top: 0px;
margin-bottom: 0px;
height: auto;
}
/*1-2*/
#base1-2, #base1-2-left, #base1-2-right {
display: block;
width: 404px;
margin-right: auto;
margin-left: auto;
height: auto;
float: left;
}
#base1-2-left {float: left;}
#base1-2-right {float: right;}
/*1-3*/
.base1-3, .base1-3-left, .base1-3-right {
display: block;
width: 268px;
float: left;
height: auto;
}
.base1-3left{float: left;}
.base1-3-right{float: right;}
/*1-4*/
.base1-4, .base1-4-left, .base1-4-right {
display: block;
width: 202px;
float: left;
height: auto;
}
.base1-4-left{float: left;}
.base1-4-right{float: right;}
/*2-3*/
.base2-3, .base2-3-left, .base2-3-right {
display: block;
width: 537px;
float: left;
height: auto;
}
.base2-3-left{float: left;}
.base2-3-right{float: right;}
/*3-4*/
#base3-4, #base3-4-left, #base3-4-right {
display: block;
width: 604px;
clear: both;
float: right;
margin-right: auto;
margin-left: auto;
height: auto;
}
#base3-4-left {float: left;}
#base3-4-right {float: right;}
/*3-4*/
.base3-4half, .base3-4half-left, .base3-4half-right {
display: block;
width: 302px;
float: left;
height: auto;
}
.base3-4half-left{float: left;}
.base3-4half-right{float: right;}
/*ユニット(3-4)との組み合わせ*/
#unit3-4, #unit3-4-left, #unit3-4-right{
display: block;
width: 606px;
height: auto;
}
#unit3-4-left {float: left;}
#unit3-4-right {float: right;}
/*ユニット(2-3)との組み合わせ*/
#unit2-3, #unit2-3-left, #unit2-3-right{
display: block;
width: 538px;
height: auto;
}
#unit2-3-left {float: left;}
#unit2-3-right {float: right;}
/*ナビ（トップナビ）のレイアウト ※ナビの色はのCSSで設定*/
#layout-navi-top {
display: block;
margin: 0px auto;
padding: 0px;
clear: both;
float: none;
height: auto;
width: auto;
text-align: center;
}
/*ナビ（パンくずリスト）のレイアウト ※ナビの色は、naviのCSSで設定*/
#layout-navi-pankuzu {
height: auto;
width: auto;
display: block;
margin: 5px auto 0px;
padding: 0px 0px 0px 5px;
clear: both;
float: none;
border-bottom-width: 1px;
border-bottom-style: solid;
background-color: #DAD6D9; /*←パンくずリストの背景色*/
border-bottom-color: #999999; /*←パンくずリストの下の線の色*/
}
/*ナビ（フッターメニュー）※ナビの色は、naviのCSSで設定*/
.layout-navi-footer {
width: auto;
display: block;
margin: 0px auto;
padding: 5px 0px;
clear: both;
float: none;
height: 20px;
background-color: #FFFFFF; /*←ナビ(フッター)の背景色*/
}
/*フッター（説明）*/
#footer {
height: auto;
width: auto;
display: block;
background-position: center;
text-align: center;
vertical-align: middle;
clear: both;
font-size: 12px; /*←フッター(説明)の文字サイズ*/
color: #FFFFFF; /*←フッター(説明)の文字色*/
margin: 0px;
padding: 10px;
background-color: #999999; /*←フッター(説明)の背景色*/
}
/*コピーライト*/
#copyright {
height: auto;
width: auto;
display: block;
background-position: center;
text-align: center;
vertical-align: middle;
clear: both;
font-size: 12px; /*←コピーライトの文字サイズ*/
color: #FFFFFF; /*←コピーライトの文字色*/
margin: 0px;
padding: 10px 0px;
background-color: #666666; /*←コピーライトの背景色*/
}
/*ナビ（一番右上の基本smallナビ）※変更不可 ※ナビの色は、naviのCSSで設定*/
#layout-navi-verytop {
position: absolute;
top: 3px;
height: auto;
width: auto;
display: block;
text-align: right;
right: 0px;
left: auto;
margin-top: 0px;
margin-right: 80px;
margin-bottom: 0px;
padding: 0px;
float: right;
}
/*キャプション（メインボックスのトップ部分）*/
.caption {
width: auto;
display: block;
border: 1px none #000000; /*←ボーダーの色、太さ*/
padding: 5px 20px;
margin: 0px;
clear: both;
height: auto;
background-color: #FFFFCC; /*←キャプションの背景色*/
}
/*サブキャプション（メインボックス等）*/
.subcaption {
width: auto;
display: block;
padding: 10px 20px;
background-color: #FFFFCC; /*←サブキャプションの背景色*/
margin: 6px;
}
/*ロゴの上部（トップタイトル）*/
#top-title {
background-color: #000000; /*←ロゴの上部（トップタイトル）の背景色*/
display: block;
padding-right: 5px;
padding-left: 5px;
padding-top: 0px;
padding-bottom: 0px;
margin: 0px;
}
#top-title h1{
font-size: 12px;
color: #FFFFFF; /*←ロゴの上部（トップタイトル）の文字色*/
text-align: left;
margin: 0px;
padding: 2px 0px;
}
/*-----ロゴ部分の設定（0）（1）(2)より一つ選ぶ-----*/
/*
#top-logo-image0(画像使用しない。)(文のみ)
#top-logo-image1（画像使用）（文 全体）
#top-logo-image2（画像使用）（文 右横）
*/
/*（image0）トップのロゴを文字で。(画像使用しない。)(文のみ)*/
#top-logo-image0 {
background-color: #0066CC; /*←ロゴの中部（ロゴ本体）の背景色*/
display: block;
height: 95px; /*←ロゴの中部（ロゴ本体）のロゴの高さ*/
width: auto;
padding: 0px;
margin: 0px;
}
#top-logo-image0 p{
font-size: 20px; /*←ロゴの文字サイズ*/
color: #FFFFFF; /*←ロゴの文字色*/
display: block;
font-weight: bold;
padding: 5px 20px;
margin: 0px auto;
line-height: 1.4em;
float: none;
}
/*（image1）ロゴ（画像使用）（文 全体）*/
/* 必要画像サイズ（810pix x 95pix）（設定で高さ変更可能）*/
#top-logo-image1 {
display: block;
height: 95px;
width: auto;
padding: 0px;
margin: 0px;
background-image: url(../images/logo/logo.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#top-logo-image1 p{
font-size: 20px; /*←ロゴの文字サイズ*/
color: #FFFFFF; /*←ロゴの文字色*/
display: block;
font-weight: bold;
padding: 5px 20px;
margin: 0px auto;
line-height: 1.4em;
float: none;
}
/*（image2）ロゴ（画像使用）（文 右横）*/
/* 必要画像サイズ（810pix x 95pix）（設定で高さ変更可能）*/
#top-logo-image2 {
display: block;
height: 95px;
width: auto;
padding: 0px;
margin: 0px;
background-image: url(../images/logo/logo1.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#top-logo-image2 p{
font-size: 11px; /*←ロゴの文字サイズ*/
color: #FFFFFF; /*←ロゴの文字色*/
display: block;
font-weight: normal;
padding: 5px 5px 0px;
margin: 3px;
line-height: 1.1em;
float: right; /*←文字部分のボックスの位置（左寄せ: left）*/
width: 150px; /*←文字部分のボックスの横幅*/
}
/*ロゴの下部（サブタイトル）*/
#top-subtitle {
background-color: #999999;
display: block;
padding-right: 5px;
padding-left: 5px;
margin: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
#top-subtitle h2{
font-size: 10px;
color: #FFFFFF;
text-align: right;
font-weight: normal;
margin: 0px;
clear: both;
}
/*-----目次-----*/
/*
細部の区画分けなどの、ボックス設定
1. BOX用のタイトル
2. BOXの設定
*/
/*-----BOX用のタイトル-----*/
/*BOXのタイトル*/
.title {
color: #FFFFFF; /*←文字色*/
background-color: #0000FF; /*←背景色*/
display: block;
padding-right: 5px;
padding-left: 5px;
margin: 0px 0px 7px;
text-align: center;
}
/*BOXのタイトル*/
.title2 {
color: #FFFFFF; /*←文字色*/
background-color: #1E90FF; /*←背景色*/
display: block;
padding-right: 5px;
padding-left: 5px;
margin: 0px 0px 7px;
text-align: center;
}
/*BOX（枠なし）（背景白）（通常このBOXを使用。）*/
.box{
padding: 4px;
height: auto;
width: auto;
margin-bottom: 10px;
}
/*BOX（枠）（背景白）（通常このBOXを使用。）*/
.box-waku{
padding: 4px;
height: auto;
width: auto;
border: 1px solid #0000FF;
margin-bottom: 10px;
background-color: #FFFFFF;
}
/*BOX １（枠）（背景付）---*/
.box1-waku{
background-color: #FFFFCC; /*←背景色*/
padding: 4px;
height: auto;
width: auto;
border: 1px solid #0000FF; /*←枠太さ、枠種類、色*/
margin-bottom: 10px;
}
/*BOX ２（枠）（背景付）*/
.box2-waku{
background-color: #FFFFCC; /*←背景色*/
padding: 4px;
height: auto;
width: auto;
border: 2px solid #FF0000; /*←枠太さ、枠種類、色*/
margin-bottom: 10px;
}
/*BOX 3（枠）（背景付）*/
.box3-waku{
background-color: #FFFFCC; /*←背景色*/
padding: 4px;
height: auto;
width: auto;
border: 2px dashed #FF0000; /*←枠太さ、枠種類、色*/
margin-bottom: 10px;
}
/*------色々------*/
/*色見本*/
.colorsample {
float: left;
height: 65px;
width: 65px;
font-size: 12px;
line-height: 1.2em;
margin: 3px;
padding: 2px;
border: 1px solid #333333;
}
/*BOX メルマガ（センター、幅固定）（サイドBOXでない時こちら使用）*/
.merumaga-center{
background-color: #FFFFCC; /*←背景色*/
padding: 5px;
border: 1px solid #333333; /*←枠太さ、枠種類、色*/
margin-right: auto;
margin-left: auto;
clear: both;
float: none;
display: block;
text-align: center;
height: auto;
width: 200px;
}
/*画像を使用しないライン（通常）*/
/*------
【使用例】
------*/
.line {
clear: both;
float: none;
display: block;
width: auto;
height: auto;
margin: 4px 0px 0px;
padding: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999999;
}
/*画像を使用しないライン（点線）*/
/*------
【使用例】
------*/
.line-dot {
clear: both;
float: none;
display: block;
width: auto;
height: auto;
margin: 4px 0px 0px;
padding: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
}
/*画像を使用しないライン（ダッシュ）*/
/*------
【使用例】
------*/
.line-dash {
clear: both;
float: none;
display: block;
width: auto;
height: auto;
margin: 4px 0px 0px;
padding: 0px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #999999;
}
/*画像を使用しないライン（2重線）*/
/*------
【使用例】
------*/
.line-double {
clear: both;
float: none;
display: block;
width: auto;
height: 3px;
margin: 0px;
padding: 0px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #999999; /*←ラインの色（上）*/
border-bottom-width: 1px; /*←ラインの太さ*/
border-bottom-style: solid;
border-bottom-color: #999999; /*←ラインの色（下）*/
}
/*画像を使用したライン【ラインの画像必要】横に繰り返し*/
/*------
【使用例】
------*/
.line-image {
clear: both;
float: none;
background-image: url(../images/line/01-480.gif); /*←ラインの画像*/
background-repeat: repeat-x;
display: block;
width: auto;
height: auto;
background-position: center;
margin: 0px;
padding: 0px;
}
/*----リスト----*/
/*リスト(li)*/
li{
margin-bottom: 6px;
margin-top: 6px;
}
/*リスト(ul)*/
ul{
list-style-position: inside;
list-style-type: square;
}
/*リスト(ol)*/
ol{
list-style-position: inside;
list-style-type: decimal;
}
/*リスト(イメージなし)*/
.listnone{
list-style-type: none;
list-style-position: inside;
text-indent: 0pt;
list-style-image: none;
}
/*リスト(チェックボックス)(画像必要)*/
.checkbox {
list-style-image: url(../images/bullet/check.gif);
list-style-position: inside;
list-style-type: none;
text-indent: 0pt;
}
/*リスト(ブレット)(画像必要)）*/
.bullet {
list-style-image: url(../images/bullet/bullet.gif);
list-style-position: inside;
list-style-type: none;
text-indent: 0pt;
}
/*リスト(メリット)(画像必要)）*/
.merit {
list-style-image: url(../images/bullet/merit.gif);
list-style-position: inside;
list-style-type: none;
text-indent: 0pt;
}
/*リスト(メリット)(画像必要)）*/
.question {
list-style-image: url(../images/bullet/question.gif);
list-style-position: inside;
list-style-type: none;
text-indent: 0pt;
}
/*リスト(メリット)(画像必要)）*/
.answer {
list-style-image: url(../images/bullet/answer.gif);
list-style-position: inside;
list-style-type: none;
text-indent: 0pt;
}
/*ナビゲーション（トップ）*/
#navi-top li{
list-style-type: none;
margin-left: 2px;
margin-bottom: 10px;
margin-right: 1px;
display: block;
float: left;
margin-top: 10px;
}
#navi-top a, #navi-top a:link, #navi-top a:visited{
text-decoration:none;
color:#0066CC; /*←文字色*/
background-position: center center;
height: auto;
/* width: 128px; */ /*←ボタンの横幅*/
/* width: 109px; */ /*←ボタンの横幅*/
width: 96px; /*←ボタンの横幅*/
display: block;
font-size: 12px; /*←文字サイズ*/
font-weight: bold;
background-color: #FFFFFF; /*←ボタン色*/
text-align: center;
vertical-align: middle;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #0066CC; /*←ボタンの枠の太さ、色*/
}
#navi-top a:hover{
color:#FF0000; /*←文字色（ホバー）*/
background-color:#FFCC33; /*←背景色（ホバー）*/
}
/*ナビゲーション（パンくずナビ）*/
#navi-pankuzu, #navi-pankuzu li, #navi-pankuzu a, #navi-pankuzu a:link, #navi-pankuzu a:visited{
display: inline;
margin-left: 5px;
list-style-type: square;
padding-top: 2px;
padding-bottom: 2px;
font-size: 12px; /*←文字サイズ*/
color: #333333; /*←文字色*/
text-decoration: none;
clear: both;
}
#navi-pankuzu a:hover{
color: #FFFFFF; /*←文字色（ホバー）*/
background-color:#FF6600; /*←背景色（ホバー）*/
}
/*ナビゲーション（ベリートップ）*/
#navi-verytop li, #navi-verytop a, #navi-verytop a:link, #navi-verytop a:visited{
display: inline;
margin-left: 10px;
color: #333333;
font-size: 12px;
margin-right: 5px;
}
#navi-verytop a:hover{
color: #FFFFFF; /*←文字色（ホバー）*/
background-color:#FF6600; /*←背景色（ホバー）*/
}
/*ナビゲーション（サイド）*/
.navi-side li{
display:block;
list-style-type: none;
height: auto;
width: auto;
list-style-position: outside;
margin: 0px;
}
.navi-side a, .navi-side a:link, .navi-side a:visited{
text-decoration:none;
color: #FFFFFF; /*←文字色*/
background-color:#0066CC; /*←背景色*/
display: block;
padding: 5px 10px;
width: auto;
height: 22px; /*←ボタン高さ*/
border-top: 0px solid #FFFFFF;
border-right: 0px solid #FFFFFF;
border-bottom: 0px solid #FFFFFF;
border-left: 5px solid #0099CC;
margin-bottom: 2px;
font-weight: bold;
margin-top: 2px;
}
.navi-side a:hover{
border-left: 7px solid #FF6600;
color: #FF0000; /*←文字色（ホバー）*/
background-color:#FFCC33; /*←背景色（ホバー）*/
}
/*ナビゲーション（フッター）*/
.navi-footer li{
display: inline;
margin-left: 10px;
list-style-type: none;
margin-right: 10px;
height: 2em;
}
.navi-footer a, .navi-footer a:link, .navi-footer a:visited{
text-decoration:none;
color: #333333; /*←文字色*/
font-size: 13px; /*←文字サイズ*/
}
.navi-footer a:hover{
color:white; /*←文字色（ホバー）*/
background-color:#FF6600; /*←背景色（ホバー）*/
}
/* Base Weblog (base-weblog.css) */
/* basic elements */
html {
margin: 0;
/* setting border: 0 hoses ie6 win window inner well border */
padding: 0;
}
body {
margin: 0;
/* setting border: 0 hoses ie5 win window inner well border */
padding: 0;
font-family: verdana, 'trebuchet ms', sans-serif;
font-size: 12px;
}
form { margin: 0; padding: 0; }
a { text-decoration: underline; }
a img { border: 0; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
margin-top: 10px;
margin-bottom: 10px;
}
/* standard helper classes */
.clr {
clear: both;
overflow: hidden;
width: 1px;
height: 1px;
margin: 0 -1px -1px 0;
border: 0;
padding: 0;
font-size: 0;
line-height: 0;
}
/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .pkg { display: inline-block; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */
/* page layout */
body { text-align: center; } /* center on ie */
#container {
position: relative;
margin: 0 auto; /* center on everything else */
width: 720px;
text-align: left;
}
#container-inner { position: static; width: auto; }
#banner { position: relative; }
#banner-inner { position: static; }
#pagebody { position: relative; width: 100%; }
#pagebody-inner { position: static; width: 100%; }
#alpha, #beta, #gamma, #delta {
display: inline; /* ie win bugfix */
position: relative;
float: left;
min-height: 1px;
}
#delta { float: right; }
#alpha-inner, #beta-inner, #gamma-inner, #delta-inner {
position: static;
}
/* banner user/photo */
.banner-user {
float: left;
overflow: hidden;
width: 64px;
margin: 0 15px 0 0;
border: 0;
padding: 0;
text-align: center;
}
.banner-user-photo {
display: block;
margin: 0 0 2px 0;
border: 0;
padding: 0;
background-position: center center;
background-repeat: no-repeat;
text-decoration: none !important;
}
.banner-user-photo img {
width: 64px;
height: auto;
margin: 0;
border: 0;
padding: 0;
}
/* content */
.content-nav {
margin: 10px;
text-align: center;
}
.date-header,
.entry-content {
position: static;
clear: both;
}
.entry,
.trackbacks,
.comments,
.archive {
position: static;
overflow: hidden;
clear: both;
width: 100%;
margin-bottom: 20px;
}
.entry-content,
.trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
clear: both;
}
.entry-excerpt,
.entry-body,
.entry-more-link,
.entry-more {
clear: both;
}
.entry-footer,
.trackback-footer,
.comment-footer,
.comments-open-footer,
.archive-content {
clear: both;
margin: 5px 10px 20px 10px;
}
.comments-open label { display: block; }
#comment-author, #comment-email, #comment-url, #comment-text {
width: 240px;
}
#comment-bake-cookie {
margin-left: 0;
vertical-align: middle;
}
.comments-open-header {
clear: both;
}
#comment-post {
font-weight: bold;
}
img.image-full { width: 100%; }
.image-thumbnail {
float: left;
width: 115px;
margin: 0 10px 10px 0;
}
.image-thumbnail img {
width: 115px;
height: 115px;
margin: 0 0 2px 0;
}
/* modules */
.module {
position: relative;
overflow: hidden;
width: 100%;
}
.module-content {
position: relative;
margin: 5px 10px 20px 10px;
}
.module-list,
.archive-list {
margin: 0;
padding: 0;
list-style: none;
}
.module-list-item {
margin-top: 5px;
margin-bottom: 5px;
}
.module-presence img { vertical-align: middle; }
.module-powered .module-content { margin-bottom: 10px; }
.module-photo .module-content { text-align: center; }
.module-wishlist .module-content { text-align: center; }
.module-calendar .module-content table {
border-collapse: collapse;
}
.module-calendar .module-content th,
.module-calendar .module-content td {
width: 14%;
text-align: center;
}
.typelist-thumbnailed { margin: 0 0 20px 0; }
.typelist-thumbnailed .module-list-item {
display: block;
clear: both;
margin: 0;
}
/* positioniseverything.net/easyclearing.html */
.typelist-thumbnailed .module-list-item:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .typelist-thumbnailed .module-list-item { display: inline-block; }
/* no ie mac \*/
* html .typelist-thumbnailed .module-list-item { height: 1%; }
.typelist-thumbnailed .module-list-item { display: block; }
/* */
.typelist-thumbnail {
float: left;
min-width: 60px;
width: 60px;
/* no ie mac \*/width: auto;/* */
margin: 0 5px 0 0;
text-align: center;
vertical-align: middle;
}
.typelist-thumbnail img { margin: 5px; }
.module-galleries .typelist-thumbnail img { width: 50px; }
.typelist-description {
margin: 0;
padding: 5px;
}
.module-featured-photo .module-content,
.module-photo .module-content {
margin: 0;
}
.module-featured-photo img { width: 100%; }
.module-recent-photos { margin: 0 0 15px 0; }
.module-recent-photos .module-content { margin: 0; }
.module-recent-photos .module-list {
display: block;
height: 1%;
margin: 0;
border: 0;
padding: 0;
list-style: none;
}
/* positioniseverything.net/easyclearing.html */
.module-recent-photos .module-list:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
}
* html .module-recent-photos .module-list { display: inline-block; }
/* no ie mac \*/
* html .module-recent-photos .module-list { height: 1%; }
.module-recent-photos .module-list { display: block; }
/* */
.module-recent-photos .module-list-item {
display: block;
float: left;
/* ie win fix \*/ height: 1%; /**/
margin: 0;
border: 0;
padding: 0;
}
.module-recent-photos .module-list-item a {
display: block;
margin: 0;
border: 0;
padding: 0;
}
.module-recent-photos .module-list-item img {
width: 60px;
height: 60px;
margin: 0;
padding: 0;
}
/* mmt calendar */
.module-mmt-calendar { margin-bottom: 15px; }
.module-mmt-calendar .module-content { margin: 0; }
.module-mmt-calendar .module-header { margin: 0; }
.module-mmt-calendar .module-header a { text-decoration: none; }
.module-mmt-calendar table { width: 100%; }
.module-mmt-calendar th { text-align: left; }
.module-mmt-calendar td {
width: 14%;
height: 75px;
text-align: left;
vertical-align: top;
}
.day-photo {
width: 54px;
height: 54px;
}
.day-photo a {
display: block;
}
.day-photo a img {
width: 50px;
height: 50px;
}
/* Vicksburg II (theme-vicksburg.css) */
/* basic page elements */
body {
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
font-size: 12px;
}
a { color: #36414d; text-decoration: underline; }
a:hover { color: #a3b8cc; }
#banner a { color: #fff; text-decoration: none; }
#banner a:hover { color: #fff; }
.module-content a { color: #36414d; }
.module-content a:hover { color: #a3b8cc; }
h1, h2, h3, h4, h5, h6 {
font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
}
.module-header,
.trackbacks-header,
.comments-header,
.comments-open-header,
.archive-header {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
border-left: 5px solid #36414d;
padding: 5px;
color: #fff;
background: #a3b8cc;
font-size: 11px;
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}
.module-header a,
.module-header a:hover,
.trackbacks-header a,
.trackbacks-header a:hover,
.comments-header a,
.comments-header a:hover,
.comments-open-header a,
.comments-open-header a:hover
.archive-header a,
.archive-header a:hover {
color: #fff;
}
.entry-more-link,
.entry-footer,
.comment-footer,
.trackback-footer,
.typelist-thumbnailed {
font-size: 11px;
}
.commenter-profile img { vertical-align: middle; }
/* page layout */
body {
min-width: 720px;
color: #333;
background: #36414d;
}
#container {
width: 720px;
margin-bottom: 20px;
background: #fff;
}
#container-inner {
border-width: 0 5px 5px 5px;
border-style: solid;
border-color: #292e33;
}
#banner {
width: 710px; /* necessary for ie win */
background: #a3b8cc;
}
#banner-inner {
padding: 15px 13px;
border-width: 2px 2px 0 2px;
border-style: solid;
border-color: #fff;
}
.banner-user {
width: 70px;
margin-top: 5px;
font-size: 10px;
}
.banner-user-photo { border: 1px solid #fff; }
#banner-header {
margin: 0;
color: #fff;
font-size: 30px;
font-weight: bold;
line-height: 1;
text-shadow: #36414d 0 2px 3px;
}
#banner-description {
margin-top: 5px;
margin-bottom: 0;
color: #fff;
background: none;
font-size: 12px;
font-weight: bold;
line-height: 1.125;
text-shadow: #36414d 0 1px 2px;
}
#alpha { margin: 15px 15px 0 15px; width: 480px; }
#beta { width: 200px; background: #e6ecf2; }
#gamma, #delta { width: 180px; background: #e6ecf2; }
#beta-inner,
#gamma-inner,
#delta-inner {
padding: 10px 10px 0 10px;
border-width: 2px 2px 2px 0;
border-style: solid;
border-color: #fff;
}
.date-header {
margin-top: 0;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
}
.entry-header {
margin-top: 0;
border-left: 5px solid #dae0e6;
padding: 0 0 0 10px;
color: #666;
font-size: 18px;
}
.entry-content,
.comment-content,
.trackback-content {
margin: 0;
line-height: 1.5;
}
.entry-tags {
margin: 0 0 10px 10px;
}
.entry-tags-header,
.entry-tags-list,
.entry-tag { display: inline; }
.entry-tags-list {
list-style:none;
padding: 0px;
}
.entry-footer,
.comment-footer,
.trackback-footer {
margin: 0 0 20px 0;
border-top: 1px solid #dae0e6;
padding-top: 3px;
color: #666;
font-size: 10px;
text-align: right;
}
.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer {
margin-left: 10px;
}
.content-nav { margin-top: 0; }
#trackbacks-info {
margin: 10px 0;
border: 1px dashed #a3b8cc;
padding: 0 10px;
color: #292e33;
font-size: 11px;
text-align: center;
background: #e6ecf2;
}
.comments-open-footer {
margin: 10px 0;
}
/* modules */
.module {
margin: 0 0 10px 0;
border-bottom: 1px solid #f3f6f9;
background: #dae0e6;
}
.module-content {
margin: 0 0 10px 0;
border-top: 1px solid #cfd4d9;
padding: 10px 10px 0 10px;
font-size: 10px;
line-height: 1.2;
}
.module-search input { font-size: 10px; }
.module-search #search { width: 100px; }
.module-mmt-calendar .module-content table,
.module-calendar .module-content table { font-size: 10px; }
.module-powered { border-width: 0; }
.module-powered .module-content {
margin-bottom: 0;
border: 1px dashed #a3b8cc;
padding-bottom: 10px;
color: #292e33;
background: #fff;
}
.module-photo { background: none; }
.module-photo img { border: solid 1px #fff; }
.module-list {
margin: 0 15px 10px 15px;
list-style: disc;
}
.module-list .module-list {
margin: 5px 0 0 0;
padding-left: 15px;
list-style: circle;
}
.module-list-item {
margin-top: 0;
color: #666;
line-height: 1.2;
}
.typelist-thumbnailed .module-list {
margin: 0 0 10px 0;
list-style: none;
}
.typelist-thumbnailed .module-list-item {
margin: 1px 0;
padding: 0;
background: #f3f6f9;
}
.typelist-thumbnail {
background: #fff;
}
.module-photo img { border: 1px solid #fff; }
.module-featured-photo { width: 398px; }
.module-featured-photo .module-content {
margin: 0;
border-width: 0;
padding: 0;
}
.module-featured-photo img { width: 398px; }
.module-recent-photos .module-content { padding: 10px 0 0 19px; }
.module-recent-photos .module-list { margin: 0; }
.module-recent-photos .module-list-item {
width: 64px; /* mac ie fix */
margin: 0 10px 10px 0;
padding: 0;
background: none;
}
.module-recent-photos .module-list-item a {
border: #cfd4d9 1px solid;
padding: 1px;
background: #fff;
}
.module-recent-photos .module-list-item a:hover {
border-color: #36414d;
background: #fff;
}
.module-tagcloud .module-list {text-align: center; }
.module-tagcloud .module-list { list-style: none; }
.module-tagcloud .module-list-item { display: inline; }
.module-tagcloud li.taglevel1 { font-size: 19px; }
.module-tagcloud li.taglevel2 { font-size: 17px; }
.module-tagcloud li.taglevel3 { font-size: 15px; }
.module-tagcloud li.taglevel4 { font-size: 13px; }
.module-tagcloud li.taglevel5 { font-size: 11px; }
.module-tagcloud li.taglevel6 { font-size: 9px; }
/* calendar tweaks */
.layout-calendar #alpha { width: 260px; }
.layout-calendar #beta { width: 420px; }
.layout-calendar #gamma,
.layout-calendar #delta {
width: 190px;
}
.layout-calendar #gamma-inner,
.layout-calendar #delta-inner {
border: 0;
padding: 0;
}
.module-mmt-calendar { width: 398px; }
.module-mmt-calendar .module-content {
margin: 0;
border-width: 0;
padding: 10px;
}
.module-mmt-calendar table {
width: 378px;
background: #a3b8cc;
}
.module-mmt-calendar th {
color: #fff;
border-top: 1px solid #fff;
border-right: 1px solid #f3f6f9;
border-bottom: 1px solid #cfd4d9;
padding: 2px;
text-align: right;
font-weight: bold;
}
.module-mmt-calendar td {
border-top: 1px solid #fff;
border-right: 1px solid #f3f6f9;
border-bottom: 1px solid #cfd4d9;
padding: 2px;
text-align: right;
font-weight: normal;
background: #e6ecf2;
}
th.weekday-7, td.day-7, td.day-14, td.day-21, td.day-28, td.day-35, td.day-42 {
border-right: none;
}
.module-mmt-calendar td { height: 70px; }
.day-photo {
width: 49px;
height: 49px;
}
.day-photo a {
border: #cfd4d9 1px solid;
padding: 1px;
background: #fff;
}
.day-photo a:hover {
border-color: #36414d;
background: #fff;
}
.day-photo a img {
width: 45px;
height: 45px;
}
/* artistic tweaks */
.layout-artistic #alpha { width: 260px; }
.layout-artistic #beta { width: 420px; }
.layout-artistic #gamma,
.layout-artistic #delta {
width: 190px;
}
.layout-artistic #gamma-inner,
.layout-artistic #delta-inner {
border: 0;
padding: 0;
}
/* moblog1 tweaks */
.layout-moblog1 #alpha {
margin: 0;
width: 180px;
background: #e6ecf2;
}
.layout-moblog1 #alpha-inner {
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}
.layout-moblog1 #beta {
margin: 15px 15px 0 15px;
width: 320px;
background: none;
}
.layout-moblog1 #beta-inner {
padding: 0;
border-width: 0;
}
.layout-moblog1 .module-recent-photos .module-content { padding: 10px 0 0 10px; }
/* moblog2 tweaks */
.layout-moblog2 #alpha {
margin: 0;
width: 86px;
background: #e6ecf2;
}
.layout-moblog2 #alpha-inner {
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}
.layout-moblog2 #beta {
margin: 15px 15px 0 15px;
width: 260px;
background: none;
}
.layout-moblog2 #beta-inner {
padding: 0;
border-width: 0;
}
.layout-moblog2 #delta {
width: 154px;
}
.layout-moblog2 .module-recent-photos {
border: 0;
background: none;
}
.layout-moblog2 .module-recent-photos .module-content {
padding: 0;
border: 0;
}
.layout-moblog2 .module-recent-photos .module-list-item { margin: 0 0 10px 0; }
/* timeline tweaks */
.layout-timeline #alpha { width: 260px; }
.layout-timeline #beta { width: 420px; }
.layout-timeline #gamma,
.layout-timeline #delta {
width: 190px;
}
.layout-timeline #gamma-inner,
.layout-timeline #delta-inner {
border: 0;
padding: 0;
}
/* one-column tweaks */
.layout-one-column body { min-width: 520px; }
.layout-one-column #container { width: 520px; }
.layout-one-column #banner { width: 510px; } /* necessary for ie win */
/* two-column-left tweaks */
.layout-two-column-left #alpha {
margin: 0;
width: 200px;
background: #e6ecf2;
}
.layout-two-column-left #alpha-inner {
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}
.layout-two-column-left #beta {
margin: 15px 15px 0 15px;
width: 480px;
background: none;
}
.layout-two-column-left #beta-inner {
padding: 0;
border-width: 0;
}
/* three-column tweaks */
.layout-three-column #alpha {
margin: 0;
width: 180px;
background: #e6ecf2;
}
.layout-three-column #alpha-inner {
padding: 10px 10px 0 10px;
border-width: 2px 0 2px 2px;
border-style: solid;
border-color: #fff;
}
.layout-three-column #beta {
margin: 15px 15px 0 15px;
width: 320px;
background: none;
}
.layout-three-column #beta-inner {
padding: 0;
border-width: 0;
}
/*
* Preliminary styles added by Jay for Vicksburg II
* for review by Luke/Walt and rest of team
*/
/* All or multiple templates
Suppress underlines on linked entry titles */
.entry-header a { text-decoration: none; }
/* Suppress the prev/next nav */
.content-nav { margin: 0px; display: none; }
/* Search results templates */
.mt-search-results .search-results-header {
border: 2px solid #669;
background-color: #36414d;
color: #eee;
padding: 5px;
}
.mt-search-results .search-results-container { margin-left:10px; }
.mt-search-results form#search-form { width: 400px; margin: 0px auto 20px auto; }
.mt-search-results form#search-form input#search { width: 80%; }
.mt-search-results form#search-form p#search-options { text-align:center; }
/* Entry tag display */
div.entry-tags { margin:0 0 10px 10px; }
ul.entry-tags-list {
list-style:none;
padding: 0px;
}
h4.entry-tags-header,
ul.entry-tags-list,
li.entry-tag { display: inline; }
/* Main index styles
Suppress date header on main index */
.main-index .date-header { display: none; }
/* Comment preview and individual entry
Widen the comment form */
form textarea#comment-text { width:400px; }
/* All archive templates
Informational "where am I?" module at top of sidebar */
.module-welcome p { font-size: 12px; }
.module-content p.first { margin-top:0px; }
/* Date-based and category archives
Archive title banner at top of page, below blog banner */
.master-archive-index #archive-title,
.individual-entry-archive #archive-title,
.date-based-archive #archive-title,
.category-archive #archive-title {
/* ie win (5, 5.5, 6) bugfix */
p\osition: relative;
width: 100%;
w\idth: auto;
margin: 0;
border-left: 10px solid #a3b8cc;
padding: 5px;
color: #fff;
background: #36414d;
}
/* Experimental comment styles
Not currently in use anywhere in default templates
For testing only... */
#comments-experimental .comment, #comments-experimental .comment .comment-inner {
width:36em;
}
#comments-experimental .comment {
padding: 0px;
margin: 10px 15px;
background-color:#eef;
border:2px solid #bbb;
}
#comments-experimental .comment .comment-inner {
position:relative;
margin:-5px 0 0 -3px;
background:#f3f3ff;
border:1px solid #003;
}
#comments-experimental .comment:hover .comment-inner {
border:1px solid #000;
background-color: #fff;
}
#comments-experimental .comment a {
text-decoration: none;
border-bottom: 1px dotted #36414d;
}
#comments-experimental .comment:hover a {
color: #333;
border-bottom: 1px solid #666;
}
#comments-experimental .comment .comment-content {
margin-right: 25px;
margin-left: 25px;
margin-bottom: 15px;
}
#comments-experimental .comment-footer-experimental {
margin-right: 15px;
font-size: 10px;
text-align: right;
}
#comments-experimental .comment .comment-header {
font-size: 16px;
margin: 5px auto 5px 10px;
text-shadow: #99A 2px 2px 1px #66F;
color: #666;
}
#comments .comment-header { display: none; }
#comments .comment-footer-experimental { display: none; }
#comments-experimental .comment-footer { display: none; }