/* E L E M E N T */
*{margin:0; padding:0; line-height:140%; font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",sans-serif; font-size:100%; letter-spacing:0.1em;}
html{width:100%; height:100%; overflow-y:scroll; font-size:100%;}
body{font-size:13px; *font-size:small; *font:x-small; text-align:center; min-width:000px;} /* text-align:center;はIE5で大元コンテンツセンター揃えの際 */ 
table{font-size:inherit; font-size:100%;}
h1{font-size:120%;}
h2{font-size:110%;}
h3{font-size:105%;}
strong{color:#red;}
p{margin:1em;}
p.p2{margin:1em 0;}
p.p3{margin:2em;}
p.p4{margin:2em 0;}
li{list-style:none;}
img{border:0;}
hr{height:0; margin:1em auto; border:none; border-top:1px solid #cccccc; clear:both;}

/* ナビゲーションがインラインかつリンクにブロック要素採用(完全なブロック要素にはもうひとつＤＩＶが必要) */ 
#navibox{text-align:center; display:table; margin:0 auto;}/* センタリングの場合。右寄せはright、margin:0 0 0 auto;(DWプレビューには反映されない) */
ul#navi{display:table-row;}
ul#navi{display:inline-block;}
ul#navi{display:inline;}
#navi li{display:inline;}/* margin paddingはaで設定 */
#navi a{ display:block; float:left; padding:4px 16px; color:#000000; background:#cccccc; text-decoration:none; width:7em; border:#666666 solid 1px;}
#navi a:hover{background:#eeeeee;}

/* ナビゲーションインラインのみ */ 
ul#navi2{text-align:center;}
#navi2 li{display:inline; border-left:#666666 solid 1px; border-right:#666666 solid 1px; padding:0 5px; margin:0 5px;}

/* ナビゲーションブロック要素のみ*/ 
#navi3 li{margin:1px 0;}
#navi3 a{display:block; padding:4px 16px; color:#000000; background:#cccccc; text-decoration:none; width:7em; border:#666666 solid 1px;}
#navi3 a:hover{background:#eeeeee;}

/* I D */
#main{width:768px; margin:auto; text-align:left; overflow:hidden; position:relative; clear:both;}/* text-align:left;はbodyにIE5用のcenter指定があるため */
#hd{padding:1em 5%; text-align:left; border-bottom:#009933 solid 1px;}
#ft{padding:1em; text-align:left;}
#sid{}
#cp{background:#00CC66; color:#FFFF00;}


/* LAYOUT - SPACE */
.tr0{overflow:hidden; position:relative; clear:both;}
.tr1{overflow:hidden; position:relative; clear:both; margin:1em 0;}
.tr2{overflow:hidden; position:relative; clear:both; margin:2em 0;}
.trp1{overflow:hidden; position:relative; clear:both; padding:1em 0;}
.trp2{overflow:hidden; position:relative; clear:both; padding:2em 0;}

.f-l{float:left;}
.f-r{float:right;}

/*メインサイズ768pxの場合*/
.box2{width:384px; float:left;}/*隣接ＢＯＸの高さ合わせには padding-bottom:32768px; margin-bottom:-32768px;（ＤＷデザインビューでは崩れる） */
.box3{width:256px; float:left;}
.box4{width:192px; float:left;}
.box5{width:20%; float:left;}/*153.6px*/
.box2-3{width:512px; float:left;}
.box3-4{width:576px; float:left;}

/*メインサイズ996pxの場合*/
.box2{width:498px; float:left;}
.box3{width:332px; float:left;}
.box4{width:249px; float:left;}
.box5{width:20%; float:left;}/*199.6px*/
.box2-3{width:664px; float:left;}
.box3-4{width:747px; float:left;}

.mp0{margin:0; padding:0;}

.m1{margin:1em;}
.m1w{margin:0 1em;}
.m1h{margin:1em 0;}
.m2{margin:2em;}
.m2w{margin:0 2em;}
.m2h{margin:2em 0;}

.m1px{margin:1px;}
.mw1px{margin:0 1px;}
.mh1px{margin:1px 0;}
.m2px{margin:2px;}
.mw2px{margin:0 2px;}
.mh2px{margin:2px 0;}
.m3px{margin:3px;}
.mw3px{margin:0 3px;}
.mh3px{margin:3px 0;}
.m4px{margin:4px;}
.mw4px{margin:0 4px;}
.mh4px{margin:4px 0;}
.m5px{margin:5px;}
.mw5px{margin:0 5px;}
.mh5px{margin:5px 0;}
.m10px{margin:10px;}
.mw10px{margin:0 10px;}
.mh10px{margin:10px 0;}
.m20px{margin:20px;}
.mw20px{margin:0 20px;}
.mh20px{margin:20px 0;}
.m20px{margin:20px;}
.mw20px{margin:0 20px;}
.mh20px{margin:20px 0;}

.pd1{padding:1em;}
.pd1w{padding:0 1em;}
.pd1h{padding:1em 0;}
.pd2{padding:2em;}
.pd2w{padding:0 2em;}
.pd2h{padding:2em 0;}

.pd1px{padding:1px;}
.pd1wpx{padding:0 1px;}
.pd1hpx{padding:1px 0;}
.pd2px{padding:2px;}
.pd2wpx{padding:0 2px;}
.pd2hpx{padding:2px 0;}
.pd3px{padding:3px;}
.pd3wpx{padding:0 3px;}
.pd3hpx{padding:3px 0;}
.pd4px{padding:4px;}
.pd4wpx{padding:0 4px;}
.pd4hpx{padding:4px 0;}
.pd5px{padding:5px;}
.pd5wpx{padding:0 5px;}
.pd5hpx{padding:5px 0;}
.pd10px{padding:10px;}
.pd10wpx{padding:0 10px;}
.pd10hpx{padding:10px 0;}
.pd20px{padding:20px;}
.pd20wpx{padding:0 20px;}
.pd20hpx{padding:20px 0;}
.pd30px{padding:30px;}
.pd30wpx{padding:0 30px;}
.pd30hpx{padding:30px 0;}

.bd1{border:#0000FF 1px solid;}

.bg1{background:#0E64E6; color:#FFFFFF;}


/* COLOR - TEXT */
.c-typ1{color:#000099;}
.txt-l{text-align:left;}
.txt-r{text-align:right;}
.txt-c{text-align:center;}
.f10 {font-size:77%;}
.f11 {font-size:85%;}
.f12 {font-size:93%;}
.f13 {font-size:100%;}
.f14 {font-size:108%;}
.f15 {font-size:116%;}
.f16 {font-size:123.1%;}
.f17 {font-size:131%;}
.f18 {font-size:138.5%;}
.f19 {font-size:146.5%;}
.f20 {font-size:153.9%;}
.f21 {font-size:161.6%;}
.f22 {font-size:167%;}
.f23 {font-size:174%;}
.f24 {font-size:182%;}
.f25 {font-size:189%;}
.f26 {font-size:197%;}

/* L I N K */
a:link{color:#0000FF; text-decoration:underline;}
a:visited{color:#000099; text-decoration:underline;}
a:hover{color: #0033FF; text-decoration:underline;}
a:focus{color: #0033FF; text-decoration:underline;}
a:active {color: #FF0000; text-decoration:underline;}

a.lk1:link{color:#000000; text-decoration:none;}
a.lk1:visited{color:#000000; text-decoration:none;}
a.lk1:hover{color:#E5004F; text-decoration:underline;}
a.lk1:focus{color:#E5004F; text-decoration:underline;}
a.lk1:active{color:#000000; text-decoration:none;}

a.lk2{color:#000000; text-decoration:none;display:block; padding:10px; border:#000000 solid 1px; margin:1px 0; background:#0099FF;}
a.lk2:visited{background:#cccccc;}
a.lk2:hover{background:#7ECEF4;}
a.lk2:focus{background:#7ECEF4;}
a.lk2:active{background:#E6F5FC;}

/* OTHER CLASS */