@charset "utf-8";

/*   初期設定   */

*{
margin:0;
padding:0;
}

body{
background:#fff;
color:#404040;
font-size:12px;
font-family:"微软雅黑", "宋体";
line-height:20px;
text-align:center;/* for winIE centering */
}

/*   各要素、共通指定    */
/*    logo     */
h1{
padding:5px 0 15px 2px;
}

h2{
margin:20px 0 18px;
}

h3{
margin:0 0 9px;
clear:left;
}

h4{
margin:0 0 18px;
color:#cd1f1f;
font-weight:bold;
font-size:small;
}

h4.op{
margin:0 0 5px;
color:#404040;
}

h5{
margin:0 0 20px;
font-weight:bold;
font-size:small;
}

h6{
margin:0 0 5px;
font-weight:bold;
font-size:small;
}

.catch{
margin:0 0 19px;
}

#localnavi .catch {
margin:0 10px 19px;
}

img,
a img{
border:none;
vertical-align: bottom;
}

a{
text-decoration:none;
color:#404040;
}

a:hover{
text-decoration:underline;
}

ul{
list-style-type:none;
}

.abt{
width:740px;
margin:0 0 40px 0;
display:inline-table;
}

/* \*/
.abt{
display:block;
}
/* */

.abt:after{
content:"";
clear:both;
display:block;
height:0;
visibility:hidden;
}

.abt dt{
float:left;
clear:left;
}

.frame{
width:740px;
background:transparent url(/t21/images/common/t21_frame_bottom.gif) left bottom no-repeat;
padding:0 0 10px 0;
margin:0 0 18px 0;
clear:left;
}

.frame h3{
margin:0;
}

.frame .section{
width:715px;
background:transparent url(/t21/images/common/t21_frame_bg.gif) left top repeat-y;
padding:0 12px 10px 13px;
display:inline-table;
}

/* \*/
.frame .section{
display:block;
}
/* */

.frame .section:after{
content:".";
clear:both;
display:block;
height:1px;
visibility:hidden;
}

.pagetop{
text-align:right;
font-size:10pt;
clear:both;
padding:10px 0;
}

.frame .section .pagetop{
padding:10px 18px 10px 0;
}

.pagetop a{
background:transparent url(/t21/images/common/t21_ico_pagetop.gif) left center no-repeat;
padding:0 0 0 13px;
text-decoration:underline;
}

.note01,
.note02{
font-size:10pt;
margin:20px 0 0;
clear:both;
}

.note01 li{
padding-left:1em;
text-indent:-0.9em;
}

.cl{
clear:left;
}

.cr{
clear:right;
}
/*   エリア    */
#wrapper{
width:760px;
margin:0 auto;
text-align:left;
position:relative;
border-top:2px solid #b45353;
}

#header{
width:760px;
}

#flash{
margin-bottom:12px;
}

#contents{
width:740px;
padding:0 10px;
}

#contents .buy{
width:740px;
background:#fff;
}

#contents .buy li{
display:inline;
}

#contents .buy li.new{
padding:0 0 0 25px;
}

/* for_order.html */
#contents02{
width:750px;
padding:0 0 0 10px;
background:transparent url(/t21/images/order/t21_order_bg.gif) 10px 0 repeat-y;
}

#topcontents{
width:760px;
}

#footer{
padding:20px 0;
text-align:center;
}

/*        ヘッダ         */
#header .utility{
position:absolute;
top:0;
right:0;
width:561px;
}

#header ul{
text-align:right;
background:transparent url(/t21/images/common/t21_line_header_solid.gif) left bottom no-repeat;
margin:0 0 6px 0;
}

#header li{
display:inline;
font-size:9px;
}

#header li a{
padding:0 8px;
background:transparent url(/t21/images/common/t21_line_header_dashsec.gif) left center repeat-y;
}

#header li img{
vertical-align:middle;
}

#header li.login a,
#header li.entry a{
background:none;
padding:0;
}

#header li a{
color:#5d5d5d;
}

#header p.catch{
padding:0 0 8px 0;
display:inline;
}

#header p.catch img{
padding:0 9px 0 0;
}

#header p.viewbag{
display:inline;
}

/*     グローバルナビ      */
#gnavi{
position:relative;
height:29px;

}

#gnavi ul{
position:absolute;
top:0;
left:0;
}

#gnavi .g01,
#gnavi .g02,
#gnavi .g03,
#gnavi .g04,
#gnavi .g05{
position:absolute;
top:0;
height:29px;
text-indent:-9999px;
background-position:top left;
background-repeat:no-repeat;
display:block;
}

#gnavi a:hover,
#gnavi .ac{
background-position:bottom left;
text-decoration:none;

}

#gnavi .g01{
width:175px;
left:0;
background-image:url(/t21/images/common/t21_gnavi01.gif);
}

#gnavi .g02{
width:175px;
left:190px;
background-image:url(/t21/images/common/t21_gnavi02.gif);
}

#gnavi .g03{
width:0px;
left:0px;
background-image:url(/t21/images/common/t21_gnavi03.gif);
}

#gnavi .g04{
width:175px;
left:380px;
background-image:url(/t21/images/common/t21_gnavi04.gif);
}

#gnavi .g05{
width:175px;
left:575px;
background-image:url(/t21/images/common/t21_gnavi05.gif);
}

/*        ローカルナビ         */
#localnavi .platetab{
margin-left: 10px;
}

/*        フッタ         */
#footer ul{
border-right:1px solid #000;
display:inline;
padding:0 3px 0 0;
}

#footer li{
display:inline;
font-size:9pt;
}

#footer li a{
padding:0 5px;
border-left:1px solid #000;
color:#000;
text-decoration:underline;
}

#footer dl{
margin:20px 0 25px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
padding:6px 0;
width:760px;
display:inline-table;
text-align:center;
}

/* \*/
#footer dl{
display:block;
}
/* */

#footer dl:after{
content:"";
display:block;
clear:left;
height:0;
visibility:hidden;
}

#footer dt{
width:383px;
float:left;
clear:left;
border-right:1px solid #ccc;
padding:8px 0;
}

#footer dd{
margin-left:384px;
padding:8px 0;
}

#footer address{
font-style:normal;
}

#footer address span{
display:block;
text-align:left;
padding:0 0 0 303px;
margin-bottom:8px;
}

/*      トップページ       */
.idxmain01{
width:374px;
float:left;
}

#topcontents h2{
margin:0;
}

.idxmain01 .activity{
background:#1d9ab7 url(/t21/images/top/t21_act_bottombg.gif) left bottom no-repeat;
padding-bottom:7px;
width:374px;
position:relative;
}

.idxmain01 .activity .btn{
position:absolute;
top:7px;
right:7px;
}

.idxmain01 .activity .section{
padding:0 9px;
color:#fff;
}

.idxmain01 .activity .section .detail{
border-top:1px dashed #fff;
border-bottom:1px dashed #fff;
background:#46acc4;
padding:4px 3px 0;
margin:6px 0;
}

.idxmain01 .activity .section .detail li{
padding:0 0 4px 14px;
background:transparent url(/t21/images/top/t21_ico_point01.gif) left top no-repeat;
}

.idxmain01 .activity .total{
padding:0 3px 0 6px;
}

.idxmain01 .activity .total li{
padding:0 5px;
text-align:center;
display:inline;
}

.idxmain02{
width:374px;
float:right;
}

.idxmain02 .participant{
margin:0 0 11px 0;
width:374px;
position:relative;
}

.idxmain02 .participant .btn{
position:absolute;
top:82px;
right:11px;
}

.idxmain02 .participant .section{
padding:6px 0 5px 8px;
border-width:0 1px 1px;
border-style:solid;
border-color:#b1b1b1;
}

.idxmain02 .participant .section ul{
margin:10px 0 0 0;
}

.idxmain02 .participant .section li{
display:inline;
padding:0 1px 0 0;
}

#topcontents .buy{
width:760px;
clear:both;
padding:20px 0 0 0;
}

#topcontents .buy li{
display:inline;
}

#topcontents .buy li.new{
padding:0 0 0 12px;
}

/* トリビュート21の取り組み */
#aboutkikin dt{
width:345px;
}

#aboutkikin dd{
margin-left:380px;
}

.mechanism h4{
padding:14px 0 13px 0;
margin:0;
}

.mechanism .items{
padding:136px 20px 10px;
margin:0 0 10px 0;
background:#e6f4f7;
width:675px;
position:relative;
}

.mechanism .items .cal{
position:absolute;
top:8px;
left:20px;
}

.mechanism .items .total{
position:absolute;
top:36px;
left:446px;
background:transparent url(/t21/images/kikin/t21_kik_total_bg.gif) left top no-repeat;
width:250px;
height:78px;
text-align:center;
}

.mechanism .items .total dt{
margin:11px 0 15px 0;
}

.mechanism ul{
margin:0 0 0 10px;
}

.mechanism ul dl{
width:705px;
display:inline-table;
}

/* \*/
.mechanism ul dl{
display:block;
}
/* */

.mechanism ul dl:after{
content:"";
display:block;
clear:left;
height:0;
visibility:hidden;
}

.mechanism ul dt{
width:7em;
float:left;
clear:left;
}

.mechanism ul dd{
padding:0 0 0 7em;
}

/* DREAMセンター報告 */
.localnavi{
margin:0 0 0 0;
clear:both;
}

.localnavi ul{
width:740px;
display:inline-table;
}

/* \*/
.localnavi ul{
display:block;
}
/* */

.localnavi ul:after{
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.localnavi li{
width:365px;
float:left;
margin:0 0 4px 0;
background:transparent url(/t21/images/dream/t21_lnavi_bg.gif) left center no-repeat;
padding:4px 3px 5px 2px;
text-align:center;
}

.localnavi li a,
.localnavi li span{
padding:0 0 0 12px;
background:transparent url(/t21/images/common/t21_ico_arrow.gif) left center no-repeat;
}

.localnavi li span{
font-weight:bold;
}

h3.dream{
padding:16px 0 0 0;
}

.abtdream dt{
width:465px;
}

.abtdream dd{
margin-left:480px;
}

/* 報告枠内 */
.frame.report .section{
width:700px;
padding:20px 20px 0;
line-height:1.4;
}

.report p{
padding:0 0 25px 0;
}

.report .imagel{
width:220px;
float:left;
padding:3px 0 0 0;
}

.report .imager{
width:220px;
float:right;
text-align:right;
padding:3px 0 0 0;
}

.report .imagel p,
.report .imager p{
padding-bottom:20px;
}

.report .reporthead{
padding:0 0 15px 0;
}

.report .reporthead p{
padding:0;
}

.report .reporthead .r{
text-align:right;
}

.report .reportsec dt{
font-weight:bold;
}

.report .reportsec dd{
padding-bottom:25px;
}

.report .swf{
text-align:center;
font-size:10pt;
padding:0 0 25px 0;
}

.report .swf p{
padding:0;
}

.report .reportlink{
background:#ececec;
padding:8px 10px 2px;
margin:0 0 35px 0;
}

.report .reportlink li{
padding:0 0 6px 0;
}

.report .reportlink li a{
padding:0 0 0 12px;
background:transparent url(/t21/images/common/t21_ico_arrow.gif) left center no-repeat;
}

/* 一般公募 */
.ouboabt{
width:740px;
display:inline-table;
margin:0 0 30px 0;
}

/* \*/
.ouboabt{
display:block;
}
/* */

.ouboabt:after{
content:"";
display:block;
clear:right;
height:0;
visibility:hidden;
}

.ouboabt dt{
width:364px;
float:right;
clear:right;
text-align:right;
}

.ouboabt dd{
margin:0 364px 0 0;
}

.besttab li{
display:inline;
font-size:0;
line-height:0;
}

.besttab .l img{
padding:0 9px 0 0;
}

p.worksitem{
width:340px;
float:left;
clear:left;
padding:20px 0 0 0;
}

dl.workscont{
width:350px;
margin:0 0 0 350px;
padding:40px 0 0 0;
}

dl.workscont dt{
padding:0 0 27px 0;
text-align:center;
}

dl.workscont dd{
padding:0 0 45px 0;
}

.guide{
width:700px;
margin:0 auto;
}

.guide th,
.guide td{
padding:20px 0;
border-bottom:1px dashed #ccc;
text-align:left;
vertical-align:top;
}

.guide th{
font-weight:bold;
color:#ba3a3b;
font-size:14px;
}

.guide th span{
display:block;
background:transparent url(/t21/images/common/t21_ico_point01.gif) left center no-repeat;
padding:0 0 0 18px;
}

.guide th.bdn,
.guide td.bdn{
border-bottom:none;
padding:20px 0 0;
}

.guide th ul{
margin:5px 0 0 0;
}

.guide th li{
margin-bottom:4px;
}

.guide .pdf dt{
width:88px;
float:left;
clear:left;
}

.guide .pdf dd{
margin:0 0 0 100px;
font-size:x-small;
color:#858585;
padding:0 0 0 1em;
text-indent:-0.9em;
}

/* これまでの参加者 */
.platetab{
background:transparent url(/t21/images/platepage/t21_pla_tab_bg.gif) left bottom no-repeat;
padding:0 0 13px 0;
}

.platetab li{
display:inline;
font-size:0;
line-height:0;
}

.platetab li img{
padding:0 3px;
}

.platenavi{
clear:both;
padding:0 0 8px 73px;
width:625px;
}

.platenavi ul{
display:inline-table;
padding:0;
}

*:first-child+html .platenavi ul{
margin-bottom:-7px;
}

/* \*/
.platenavi ul{
display:block;
width:555px;
}
/* */

.platenavi ul:after{
content:"";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.platenavi li{
width:111px;
float:left;
background:transparent url(/t21/images/platepage/t21_pnavi_bg.gif) center center no-repeat;
padding:4px 0 5px 0;
text-align:center;
}

.platenavi li a{
padding:0 0 0 12px;
background:transparent url(/t21/images/common/t21_ico_arrow.gif) left center no-repeat;
}

.frame.platepage .section{
padding:10px 4px 10px 21px;
}

.platepage h3{
color:#fff;
font-weight:bold;
font-size:large;
margin:0 0 10px 0;
padding:3px 0 5px 10px;
width:688px;
background:#b43636 url(/t21/images/platepage/t21_pla_h_bg.gif) left bottom repeat-x;
clear:left;
}

.plate{
width:176px;
float:left;
background:transparent url(/t21/images/platepage/t21_pla_frame_top.gif) left top no-repeat;
padding:13px 0 0 0;
margin:0 0 6px 0;
}

.plate .bg{
background:transparent url(/t21/images/platepage/t21_pla_frame_bg.gif) left top repeat-y;
padding:2px 0 0 0;
text-align:left;
}

.plate .platepht{
text-align:center;
padding:0 21px 0 15px;
}

.plate .platepht img{
border:1px solid #cdcdcd;
padding:9px;
display:block;
background:#fff;
}

.plate dl{
background:transparent url(/t21/images/platepage/t21_pla_frame_bottom.gif) left bottom no-repeat;
padding:0 21px 10px 15px;
text-align:center;
height:9em;
}

.plate .tb{
background:transparent url(/t21/images/platepage/t21_pla_frame_bottom.gif) left bottom no-repeat;
padding:0 21px 10px 15px;
text-align:center;
}

.plate dt{
font-weight:bold;
margin:7px 0 0 0;
min-height:2.5em;
}

* html .plate dt{
height:2.5em;
}

.plate dd.comment{
margin:4px 0 0 0;
font-weight:normal;
font-size:9px;
min-height:4.5em;
}

* html .plate dd.comment{
height:4.5em;
}

.plate dd.btn{
margin:0;
}


/* プレートの購入??予約のご案内 */
#contents02 .important {
color:#C00;
text-decoration:underline;
}

#contents02 .catch{
margin:0;
padding:0 0 19px;
background:#fff !important;
}

#contents02 .pagetop{
background:#fff;
padding:20px 0 0;
}

#contents02 .buy{
width:740px;
background:#fff;
}

#contents02 .buy li{
display:inline;
}

#contents02 .buy li.new{
padding:0 0 0 30px;
}

.orderdes{
width:355px;
padding:20px 0 0;
float:left;
}

.orderdes .note01{
margin-bottom:20px;
}

.ordercont .note01{
margin:0 0 20px;
}

.ordercont{
width:365px;
float:right;
padding:20px 0 0;
}

.shopinfo{
background:#f9feff;
border:1px solid #3793a0;
padding:8px 7px 6px;
margin:15px 0 10px 0;
width:339px;
}

.shopinfo h3{
margin-bottom:3px;
}

.shopinfo dt{
font-weight:bold;
}

.reserveplate{
width:85px;
float:left;
padding:0 3px;
margin:0 0 8px 0;
text-align:center;
height:9em;
}

.reserveplate dt{
font-size:0;
line-height:0;
}