/* General Settings */
body {
	background-color: #ffffff;
	margin: 0px;
	padding: 0px;
	font-size: 83%;
	line-height: 150%;
	font-family: Helvetica, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

table {
	width: 100%;
	margin: 0;
	border: none;
	border-collapse: collapse;
}
td {padding: 0; border: 0;}
h1 {background: url(images/h1.jpg) no-repeat; margin-top: 0; line-height: 41px; text-indent: 40px;
    color: #ffffff; font-size: 1.4em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {margin: 0; font-size: 1.1em;}
img {border: 0;}
img.photol {margin-right: 10px; margin-bottom: 10px; float: left;}
img.photor {margin-bottom: 10px; margin-left: 10px; float: right;}
img.photomid {vertical-align: middle;}

form {margin: 0; padding: 0;}
textarea {margin: 0; background-color:#f7f7f7; border: #CCCCCC 1px solid; vertical-align: middle;}

a {color: #0000ff; text-decoration:none;}
a:visited {color: #0066CC;}
a:hover {color: #FF9933; text-decoration:underline;}
/*#MainColumn ul { margin: 0; padding: 0; list-style: decimal inside; text-align: left;}
#MainColumn li { margin-left: 2px; list-style: square inside; color: #666}*/

.item {border: 1px solid #e6e6e6;}
.itemHead {padding: 3px; background-color: #5a667b; color: #FFFFFF;}
.itemInfo {text-align: right; padding: 3px; background-color: #efefef}
.itemTitle a {font-size: 130%; font-weight: bold; font-variant: small-caps; color: #ffffff; background-color: transparent;}
.itemTitle a:hover {color: #FF9933;}
.itemPoster {font-size: 90%; font-style:italic;}
.itemPostDate {font-size: 90%; font-style:italic;}
.itemStats {font-size: 90%; font-style:italic;}
.itemBody {padding-left: 5px;}
.itemText {margin-top: 5px; margin-bottom: 5px; line-height: 1.5em;}
.itemText:first-letter {font-size: 133%; font-weight: bold;}
.itemFoot {text-align: right; padding: 3px; background-color: #efefef}
.itemAdminLink {font-size: 90%;}
.itemPermaLink {font-size: 90%;}


/* float clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#XoopsBanner {clear: both; text-align: center; padding: 0; margin: 0;}


/* Structure Settings */
#OuterWrapper {
	margin: 0 10px 10px;
}
#InnerWrapper {
	margin: auto;
	width: 950px;
}
#Header {
	height: 182px;
	background: url(images/Header.jpg) no-repeat;
	position: relative;
}
#SiteTitle {
	width: 230px;
	height: 35px;
	position: absolute;
	top: 35px;
	left: 15px;
}
#SiteTitle a {
	width: 230px;
	height: 35px;
	display: block;
}
#SiteTitle a span {
	width: 0;
	height: 0;
	position: absolute;
	overflow: hidden;
}

#address {display: none;}

ul#access {width: 105px; height: 28px; margin: 0; padding: 0; 
           position: absolute; top: 99px; left: 752px;}
ul#access li {height: 12px; margin: 0 0 5px; padding: 0; list-style: none;}
ul#access li a {width: 105px; height: 12px; display: block;}
ul#access li a span {width: 0; height: 0; position: absolute; overflow: hidden;}


ul#HeaderBottom {margin: .5em 0 1em; padding: 0; text-align: right;}
ul#HeaderBottom li {background: url(images/line_02.gif) no-repeat right; 
                    margin-left: 7px; padding-right: 7px; display: inline; list-style: none;}
ul#HeaderBottom li.last {background: none;}

div#PageTitle {
	padding-top: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-image: url(images/pageTitle_bg.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 30px;
}


/* Footer Menu */
ul#footer-menu {background: url(images/line_03.gif) repeat-x bottom; 
                margin: 2em 0 .5em; padding: 0 0 13px; clear: both; text-align: center;}
ul#footer-menu li {background: url(images/line_02.gif) no-repeat right; 
                    margin-left: 7px; padding-right: 7px; display: inline; list-style: none;}
ul#footer-menu li.last {background: none;}


#Copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 15px;
}



/* --------------------Topページ------------------- */
#top-enter {height: 182px; margin-bottom: 20px;position: relative;}
#top-enter div#kccildb {position: absolute; top: 9px; left: 6px;}
#top-enter div#memberlogin {position: absolute; top: 109px; left: 80px;}
/*#top-enter div#kuramoni {position: absolute; top: 12px; left: 0;}*/
#top-enter div#enter01 {position: absolute; top: 0; left: 244px;}
#top-enter div#enter02 {position: absolute; top: 0; left: 482px;}
#top-enter div#enter03 {position: absolute; top: 0; right: 0;}


#MainColumnTop {
	width: 520px;
	margin: 0 217px 0 213px;
	float: left;
	display: inline;
}

#ContentsBodyTop {
	width: 461px;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	padding: 0 20px 20px;
}


/* トップページ　ニュース・お知らせ一覧　ニュース・お知らせ */
.news_toptitle01 {height: 26px; background: url(images/news_toptitle01.png) no-repeat;
                  position: relative;}
.news_toptitle01  span {width: 0; height: 0; position: absolute; overflow: hidden;}
.news_toptitle01 div {width: 45px; height: 14px; position: absolute; top: 6px; left: 409px;}
.news_toptitle01 div a {width: 45px; height: 14px; display: block;}
.news_toptitle02 {height: 26px; background: url(images/news_toptitle02.png) no-repeat;
                  position: relative;}
.news_toptitle02  span {width: 0; height: 0; position: absolute; overflow: hidden;}
.news_toptitle02 div {width: 45px; height: 14px; position: absolute; top: 6px; left: 409px;}
.news_toptitle02 div a {width: 45px; height: 14px; display: block;}


/* トップページ　商工会議所事業一覧 */
.service_toptitle {height: 26px; background: url(images/service_toptitle.png) no-repeat;
                   position: relative;}
.service_toptitle  span {width: 0; height: 0; position: absolute; overflow: hidden;}
.service_toptitle div {width: 74px; height: 14px; position: absolute; top: 6px; right: 9px;}
.service_toptitle div a {width: 74px; height: 14px; display: block;}
.service_top {margin-top: 15px; border: solid #cccccc 1px;}
.service_top div.menu01 {background: #dee1e2; padding: 8px;}
.service_top div.menu02 {background: #ffffff; padding: 8px;}
.service_top div.title {background: url(images/arrow_01.gif) no-repeat left; text-indent: 14px;
                        font-weight: bold;}
.service_top ul {background: url(images/line_01.gif) no-repeat left; margin: 0; padding: 0;}
.service_top ul li {background: url(images/line_01.gif) no-repeat right; 
                    margin-left: 7px; padding-right: 7px; display: inline; list-style: none;}


/* Blocks Settings */
#LeftColumnTop {width: 213px; margin-top: -66px; /*margin-top: -103px;*/ margin-left: -950px; float: left; display: inline;}

#LeftColumnTop div.blockTitle {
	background-image: url(images/rblkTitle_bg.gif);
	background-repeat: no-repeat;
	height: 32px;
	width: 213px;
}
#LeftColumnTop div.blockTitle .titleText {
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	text-indent: 25px;
	overflow: hidden;
}

#LeftColumnTop div.blockContentInner {
	display: block;
	width: 213px;
	margin: 0;
	padding: 0;
	font-size: inherit;
}
.blockContentInner h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.blockContentInner p {
	margin: 0 9px 0 8px;
}
.blockContentInner form p {
	margin: 0;
}
#LeftColumnTop .head, #LeftColumnTop .even, #LeftColumnTop .odd {color: #333;}
#LeftColumnTop .head a, #LeftColumnTop .even a, #LeftColumnTop .odd a {color: #036;}


/* Blocks Settings */
#RightColumn {width: 217px; margin-left: -217px; float: left; display: inline;}

#RightColumn div.blockTitle {
	background: url(images/rblkTitle_bg.gif) repeat-x;
	height: 31px;
	width: 217px;
	margin-top: 16px;
}
#RightColumn div.blockTitle .titleText {
	display: block;
	font-weight: bold;
	text-align: center;
	line-height: 31px;
	overflow: hidden;
	color: #ffffff;
	font-size: 1.1em;
}
#RightColumn div.blockContentInner {
	display: block;
	width: 217px;
	margin: 0;
	padding: 0;
	font-size: inherit;
}
.blockContentInner h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.blockContentInner p {
	margin: 0 9px 0 8px;
}
.blockContentInner form p {
	margin: 0;
}
.blockContentInner ul, .blockContentInner dl {
	margin: 0 9px 0 8px;
	padding: 0;
}
.blockContentInner li, .blockContentInner dt, .blockContentInner dd {
	margin: 0 10px;
}
#RightColumn .head, #RightColumn .even, #RightColumn .odd {color: #333;}
#RightColumn .head a, #RightColumn .even a, #RightColumn .odd a {color: #036;}



/* --------------------Nextページ------------------- */

#MainColumn {
	width: 737px;
	float: right;
}

#ContentsBody {
	width: 687px;
	background-color: #ffffff;
	padding: 0 0 20px 20px;
	float: right;
}


/* Blocks Settings */
#LeftColumn {width: 213px; float: left;}


#LeftColumn div.blockTitle {
	height: 32px;
	width: 213px;
}
#LeftColumn div.blockTitle .titleText {
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 32px;
	text-indent: 25px;
	overflow: hidden;
}
.blockContentInner {
	display: block;
	width: 213px;
	margin: 0;
	padding: 0;
	font-size: inherit;
}
.blockContentInner h3 {
	margin: 0;
	padding: 0;
	font-size: 1em;
}
.blockContentInner p {
	margin: 0;
}
.blockContentInner form p {
	margin: 0;
}
#LeftColumn .head, #LeftColumn .even, #LeftColumn .odd {color: #333;}
#LeftColumn .head a, #LeftColumn .even a, #LeftColumn .odd a {color: #036;}


/* For Menu */
/* Web std */
.blockContentInner #mainmenu {margin: 0; padding: 0;}
.blockContentInner #mainmenu li {margin: 0; padding: 0; list-style-type: none;}
.blockContentInner #mainmenu ul {margin: 0; padding: 0;}
.blockContentInner #usermenu {margin: 0; padding: 0;}
.blockContentInner #usermenu li {margin: 0; padding: 0; list-style-type: none;}
.blockContentInner .mainmenu {margin: 0; padding: 0;}
.blockContentInner .mainmenu li {margin: 0; padding: 0; list-style-type: none;}
.blockContentInner .mainmenu ul {margin: 0; padding: 0;}


/* MainMenu and Multimenu */
.blockContentInner #mainmenu a, .blockContentInner .mainmenu a {
	color: #fff;
	display: block;
	overflow: hidden;
	width: 185px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: 16px;
	text-decoration: none;
	vertical-align: middle;
}

.blockContentInner #mainmenu a:visited, .blockContentInner .mainmenu a:visited{
	color: #ccc;
}


.blockContentInner #mainmenu a:hover, .blockContentInner .mainmenu a:hover {
	color: #FFCC33;
	background:url(images/menu_f2.gif) no-repeat 0 0;
}

.blockContentInner #mainmenu a.menuTop, .blockContentInner .mainmenu a.menuTop {
	width: 185px;
	height: 20px;
}

.blockContentInner #mainmenu a.menuMain, .blockContentInner #mainmenu a.menuMain {
	width: 185px;
	height: 20px;
}

.blockContentInner #mainmenu a.menuSub, .blockContentInner #mainmenu a.menuSub {
	width: 185px;
	height: 20px;
	text-indent: 30px;
	line-height: 23px;
	background:url(images/smenu_f2.gif) no-repeat 0 0;
	margin-top: 1px;
}

/* UserMenu */
.blockContentInner #usermenu a {
	color: #fff;
	display: block;
	overflow: hidden;
	width: 185px;
	height: 20px;
	margin: 0;
	padding: 0;
	text-indent: 16px;
	text-decoration: none;
	vertical-align: middle;
}

.blockContentInner #usermenu a:visited{
	color: #ccc;
}


.blockContentInner #usermenu a:hover {
	color: #FFCC33;
	background:url(images/menu_f2.gif) no-repeat 0 0;
}


#ContentsBody table {
	width: 100%;
	max-width: 667px;
}

#ContentsBody textarea, #ContentsBody input {max-width: 439px;}/* for modules form broken theme */

div.Centercolumn th {background-color: #2F5376; color: #FFFFFF; vertical-align: middle;}
div.CenterCcolumn {margin-bottom: 15px; padding: 0px 3px 1px 3px;min-height: 1px;}
div.CenterCcolumn div.blockContent {padding: 3px; margin-right: 0px;  margin-left: 0px; margin-bottom: 2px; line-height: 150%;}

div.CenterLeftcolumn {margin-bottom: 15px; float: left; width: 48%; padding: 0px 3px 0px 0px; min-height: 1px;}
div.CenterLeftcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 2px; margin-bottom: 2px; line-height: 150%;}

div.CenterRightcolumn {margin-bottom: 15px; float: right; width: 48%; padding: 0px 3px 0px 0px; min-height: 1px;}
div.CenterCcolumn h3.blockTitle, div.CenterLeftcolumn h3.blockTitle, div.CenterRightcolumn h3.blockTitle {display: block; height: 36px; background:url(images/blkTitle_bg.gif) repeat-x 0 0;padding: 3px; color: #000; font-size: 14px; font-weight: bold; text-indent: 10px; line-height: 30px;}
div.CenterRightcolumn div.blockContent {padding: 3px; margin-left: 3px; margin-right: 3px; margin-bottom: 2px; line-height: 150%;}



.outer {border: 1px solid #cccccc;}
.outer th {background: #002380 url(images/th.gif) repeat-x; padding: 5px; 
           border-bottom: 1px solid #eaeaea; border-left: 1px solid #eaeaea; vertical-align: middle; 
           color: #FFFFFF;}
.outer th a {color: #fff;text-decoration: underline;}
.outer th a:hover {color: #990033;}
.outer td {border-bottom: 1px dotted #ccc; border-left: 1px solid #ccc;}
.head {background-color: #e6e6e6; padding: 5px; font-weight: bold;}
.even {/*background-color: #f7f7f7;*/ background-color: #dee1e2; padding: 5px;}
.odd {background-color: #fff; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.head td {background-color: #e6e6e6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee1e2; padding: 5px; }
tr.odd td {background-color: #ffffff; padding: 5px; }

div.errorMsg { background-color: #FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg { background-color: #DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg { background-color : #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px; overflow: auto;}
/* code is scroll. for forum */
div.xoopsQuote { background: #FFFFFF; border: 1px inset #000080; font-family: "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


.comTitle {color: #000; font-weight: bold; margin-bottom: 2px;}
.comText {padding: 2px; word-break:break-all; overflow: hidden;}/* overflow is hidden for forum */
.comUserStat {font-size: 10px; color: #2F5376; font-weight:bold; border: 1px solid silver; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weight: normal;}
.comUserStatus {margin-left: 2px; margin-top: 10px; color: #2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin: 2px;}
.comUserRankText {font-size: 10px;font-weight:bold;}
.comUserRankImg {border: 0;}
.comUserName {}
.comUserImg {margin: 2px;}
.comDate {font-weight: normal; font-style: italic; font-size: smaller}
.comDateCaption {font-weight: bold; font-style: normal;}

.d3f_form_table td input {max-width: 480px;}/* for d3forum make new forum page */
#MainColumn .d3f_iconexp li {list-style: none;}/* thx hi-debow */
.skip {position: absolute; left: -9000px; margin: 0; padding: 0;}/* for ex templates. thx hi-debow */



/* テキスト揃え */
.align-c {text-align: center;}
.align-l {text-align: left;}
.align-r {text-align: right;}


/* 注意書き */
.notice-desc {font-size: .8em;}
.notice-desc span {color: #ff0000;}


/* テキスト装飾 */
.underline {text-decoration: underline;}
.red {color: #ff0000;}
.orange {color: #fd6400;}
.bold {font-weight: bold;}


/* NEWマーク */
span.new1 {color: #ff0000; font-size: .8em;}
span.new2 {color: #ffaaaa; font-size: .8em;}


/* 回り込み指定 */
.float-l {float: left;}


/* 回り込み解除 */
.clear-l {clear: left;}
.clear-b {clear: both;}



/* カスタムブロック　サービスのご案内・倉敷商工会議所について　外観・住所　エコアクション21 */
.service-b-title {height: 27px; background: url(images/service-b-title.png) no-repeat;
                  text-indent: -9999px;}
ul.service-b-menu {margin: 17px 0 27px; padding: 0;}
ul.service-b-menu li {margin: 0 0 4px; padding: 0; list-style: none;}
ul.service-b-menu li a {width: 213px; height: 39px; 
                        background: url(images/service-b-menu.jpg) no-repeat; display: block;}
ul.service-b-menu li a span {width: 0; height: 0; position: absolute; overflow: hidden;}
ul.service-b-menu li.menu01 a {background-position: 0 0;}
ul.service-b-menu li.menu01 a:hover {background-position: -213px 0;}
ul.service-b-menu li.menu02 a {background-position: 0 -42px;}
ul.service-b-menu li.menu02 a:hover {background-position: -213px -42px;}
ul.service-b-menu li.menu03 a {background-position: 0 -85px;}
ul.service-b-menu li.menu03 a:hover {background-position: -213px -85px;}
ul.service-b-menu li.menu04 a {background-position: 0 -127px;}
ul.service-b-menu li.menu04 a:hover {background-position: -213px -127px;}
ul.service-b-menu li.menu05 a {background-position: 0 -170px;}
ul.service-b-menu li.menu05 a:hover {background-position: -213px -170px;}
ul.service-b-menu li.menu06 a {background-position: 0 -212px;}
ul.service-b-menu li.menu06 a:hover {background-position: -213px -212px;}
ul.service-b-menu li.menu07 a {background-position: 0 -255px;}
ul.service-b-menu li.menu07 a:hover {background-position: -213px -255px;}
ul.service-b-menu li.menu08 a {background-position: 0 -297px;}
ul.service-b-menu li.menu08 a:hover {background-position: -213px -297px;}
ul.service-b-menu li.menu09 a {background-position: 0 -340px;}
ul.service-b-menu li.menu09 a:hover {background-position: -213px -340px;}
.kurashiki-b-title {height: 27px; background: url(images/kurashiki-b-title.png) no-repeat;
                    text-indent: -9999px;}
ul.kurashiki-b-menu {margin: 17px 0 27px; padding: 0;}
ul.kurashiki-b-menu li {margin: 0 0 4px; padding: 0; list-style: none;}
ul.kurashiki-b-menu li a {width: 213px; height: 39px; 
                          background: url(images/kurashiki-b-menu.png) no-repeat; display: block;}
ul.kurashiki-b-menu li a span {width: 0; height: 0; position: absolute; overflow: hidden;}
ul.kurashiki-b-menu li.menu01 a {background-position: 0 0;}
ul.kurashiki-b-menu li.menu01 a:hover {background-position: -213px 0;}
ul.kurashiki-b-menu li.menu02 a {background-position: 0 -43px;}
ul.kurashiki-b-menu li.menu02 a:hover {background-position: -213px -43px;}
ul.kurashiki-b-menu li.menu03 a {background-position: 0 -85px;}
ul.kurashiki-b-menu li.menu03 a:hover {background-position: -213px -85px;}
ul.kurashiki-b-menu li.menu04 a {background-position: 0 -128px;}
ul.kurashiki-b-menu li.menu04 a:hover {background-position: -213px -128px;}
ul.kurashiki-b-menu li.menu05 a {background-position: 0 -170px;}
ul.kurashiki-b-menu li.menu05 a:hover {background-position: -213px -170px;}
ul.kurashiki-b-menu li.menu06 a {background-position: 0 -213px;}
ul.kurashiki-b-menu li.menu06 a:hover {background-position: -213px -213px;}
.kurashiki-building {height: 106px; background: url(images/building.jpg) no-repeat; 
                     margin-bottom: 26px; padding: 193px 12px 12px; line-height: 1.4em;}
.kurashiki-building span {color: #002481;}
.kurashiki-building dl {margin: 0; padding: 0;}
.kurashiki-building dl dt {width: 35px; margin: 0; padding: 0; float: left;}
.kurashiki-building dl dd {margin: 0 0 0 35px; padding: 0;}
.ea21 {margin-top: 2em; text-align: center;}
.ea21-report {margin-top: .7em;}
.ea21-report a {background: url(images/pdf.png) no-repeat left; padding-left: 38px; 
                display: block; line-height: 34px; font-size: .9em;}
.adobe {margin-top: 2em; clear: both; line-height: 1.4em; font-size: .8em;}


/* カスタムブロック　イベントのご案内 */
.event-b-title {height: 27px; background: url(images/event-b-title.png) no-repeat; 
                margin-bottom: 9px; text-indent: -9999px;}


/* カスタムブロック　関連サイトリンク */
.link-b-title {height: 27px; background: url(images/link-b-title.png) no-repeat; 
               margin-top: 33px; margin-bottom: 9px; position: relative;}
.link-b-title span {width: 0; height: 0; position: absolute; overflow: hidden;}
.link-b-title div {width: 57px; height: 15px; position: absolute; top: 5px; left: 150px;}
.link-b-title div a {width: 57px; height: 15px; display: block;}



/* 倉敷観光・商店街イベントカレンダー　コンテンツ内容ブロック　コンテンツ一覧ブロック */
.event_block_content {background: #fce8c5; margin-top: 16px; border: solid #c7aacc 1px; 
                      text-align: center; font-weight: bold;}
.event_block_content div.title {height: 31px; 
                                background: url(images/event-b-title.gif) repeat-x; 
                                margin-bottom: 7px; line-height: 31px; 
                                color: #ffffff; font-size: 1.1em;}
.event_block_content div.to-detail {margin-bottom: 12px;}
.event_block_content div.to-detail a {background: url(images/arrow_03.gif) no-repeat left;
                                      padding-left: 14px;}


/* ニュース・お知らせ　コンテンツ一覧ブロック */
ul.news_block_menu {margin-left: 0; padding-left: 0;}
ul.news_block_menu li {list-style: none;}
ul.news_block_menu li a {color: #000000;}
ul.news_block_menu li a:visited {color: #000000;}



/* 備品、価格、申込用紙等のダウンロード 20140326追記 */
.frame {
	width: 671px;
	height: 180px;
	padding: 10px;
	border: 2px solid #999;
	overflow: auto;
	overflow-y: scroll;
}

.frame .bold {
	font-weight: bold;
}

.frame .kiteiTitle {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}

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

.frame .indent1 {
	text-indent: -1em;
}

.bottomButton {
	margin-top: 15px;
	margin-bottom: 20px;
	width: 260px;
	margin-left: auto;
	margin-right: auto;
}

.bottomButton div {
	float: left;
	font-weight: bold;
	color: #fff;
	padding: 8px 30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.bottomButton div.yes {
	margin-right: 20px;
	background-color: #fd6400;
}

.bottomButton div.no {
	background-color: #999;
}

.bottomButton div a,
.bottomButton div a:hover {
	display: block;
}

.bottomButton div a,
.bottomButton div a:hover {
	color: #fff;
	text-decoration: none;
}

.download {
	margin-bottom: 20px;
}

.hide {
	display: none;
}