/* CSS Document */ @import "reset.css"; @import "clearfix.css"; /*Link*/ a:link,a:visited,a:active{color:#522e21; text-decoration:none; outline:none;} a:hover{color:#f0047f; text-decoration:none; outline:none;} a.arrow:link,a.arrow:visited,a.arrow:active{ display:block; padding-left:16px; background:url(../img/icon_arrow3.gif) no-repeat 0 2px} .bl-hover{ background:#f7f7f7} #container a:hover img{filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;} .boxTypeBrown{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:dashed 1px #cc8765; background: url(../img/bg_cnt_a.gif) repeat;} .boxTypeWhite{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:dashed 1px #cc8765; background:#fff} .boxTypeDarkBrown{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:dashed 1px #cc8765; background: url(../img/bg_cnt_b.gif) repeat;} .boxTypeDarkBrown2{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:dashed 1px #cc8765; background: url(../img/bg_cnt_e.gif) repeat;} .boxTypeLightBrown{border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:dashed 1px #cc8765; background: url(../img/bg_cnt_d.gif) repeat;} body { min-width:990px; width:auto !important; width:990px; background:url(../img/bg_cnt_a.gif) repeat; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";font-size:12px; color:#522e21; text-align:center;} /*structure------------------------------------------------------------*/ #container{ width:100%; background:url(../img/bg.jpg) no-repeat top center; -webkit-background-size:2400px 8000px} body#topBdy #container{background:url(../img/bg_top.jpg) no-repeat top center; -webkit-background-size:2400px 2992px} body#topBdy #nav li#topNav a{ background-position: 0 -31px} body#newsBdy #nav li#newsNav a{ background-position: -120px -31px} body#featureBdy #nav li#featureNav a{ background-position: -240px -31px} body#featureDetailBdy #nav li#featureNav a{ background-position: -240px -31px} body#blogBdy #nav li#blogNav a{ background-position: -360px -31px} body#weatherBdy #nav li#weatherNav a{ background-position: -480px -31px} body#pollBdy #nav li#pollNav a{ background-position: -600px -31px} .more{ text-align:right} #crumbs{ height:45px; margin-bottom:20px; line-height:45px} #crumbs li{ float:left; margin-right:10px} #crumbs li a{ display:block; padding-right:10px; background:url(../img/icon_arrow.gif) no-repeat center right} #header{ position:relative; width:990px; height:110px; z-index:300} h1{ position:absolute; top:0; left:0; display:none} #subnav{ position:absolute; width:100%; height:20px; top:30px; right:0} #subnav li{ float:right} #subnav li a{ margin:0 7px; text-decoration:none} #nav{position:absolute; top:58px; right:0px; width:720px; height:31px} *html #nav{ width:721px} #nav li{ float:left; width:119px; height:31px; margin:0 0 0 1px; overflow:hidden} #nav li a{ display:block; width:119px; padding-top:31px; background:url(../img/nav.gif) no-repeat} #nav li#topNav a{ background-position: 0 0} #nav li#topNav a:hover{ background-position: 0 -31px} #nav li#newsNav a{ background-position: -120px 0} #nav li#newsNav a:hover{ background-position: -120px -31px} #nav li#featureNav a{ background-position: -240px 0} #nav li#featureNav a:hover{ background-position: -240px -31px} #nav li#blogNav a{ background-position: -360px 0} #nav li#blogNav a:hover{ background-position: -360px -31px} #nav li#weatherNav a{ background-position: -480px 0} #nav li#weatherNav a:hover{ background-position: -480px -31px} #nav li#pollNav a{ background-position: -600px 0} #nav li#pollNav a:hover{ background-position: -600px -31px} #blogSub{position:absolute; top:89px; left:631px; padding:1px 1px 0 1px; background:#fff; z-index:400} #blogSub li{ margin-bottom:1px;} #blogSub li a{ display:block; padding:5px 10px; background:#926848; color:#fff} #blogSub li a:hover{ background:#925a48} #featureSub{position:absolute; top:90px; left:511px; z-index:400} #featureSub li{ margin-bottom:1px;} #featureSub li a{ display:block; padding:5px 10px; background:#926848; color:#fff} #featureSub li a:hover{ background:#925a48} #cntLeft{ float:left; width:674px; margin-bottom:30px;} #cntLeft h2{ position:relative; width:674px; height:50px; margin-bottom:10px} #cntLeft h2 .title{ position:absolute; top:0; left:0} #cntLeft h2 .btn{ position:absolute; top:15px; right:0} #cntLeft h2 .btn2{ position:absolute; top:15px; right:100px;} ul#listNav{ float:left; width:110px; height:640px; font-size:10px; overflow:auto} ul#listNav li{margin-bottom:10px;} ul#listNav li a{ display:block; padding-left:10px; background:url(../img/icon_arrow2.gif) no-repeat center left;} #cntLeftRight{ float:right; width:534px; padding:7px;} * html #cntLeftRight{width:548px} #cntLeftRight .box{ margin:7px 0; padding:19px;} body#featureDetailBdy #cntLeftRight .box{ padding:9px} body#flowerDetailBdy #cntLeftRight .box{ padding:9px} #cntLeft p.date{ font-size:10px; margin-bottom:5px} #cntLeft h3{margin-bottom:5px; font-size:20px; font-weight:bold} #cntLeft #flashPlayer{} #cntLeft #asxPlayer{ position:relative; width:512px; height:385px} #cntLeft #asxPlayer .pic{ position:absolute;} #cntLeft #asxPlayer .icon{ position:absolute; bottom:10px; right:10px} #cntLeft #asxPlayer .pic img{ width:512px; height:385px} #cntLeft #flowerImg img{ width:512px; margin-bottom:15px;} #cntLeft #flowerCaption{ float:left; width:310px; padding-bottom:20px;} #cntLeft #flowerCaption h4, #cntLeft #flowerKind h4{ margin-bottom:10px; padding:2px 5px; background:#994d1d; color:#fff} #cntLeft #flowerKind{ float:right; width:192px; padding-bottom:20px;} #cntLeft #imgArea{ padding:10px 0; border-top:dotted 1px #cc8765; border-bottom: dotted 1px #cc8765; text-align:center} #cntLeft p.text{margin-bottom:40px; padding:5px 10px; font-size:14px; line-height:160%; } #cntLeft ul#cntPage{ margin:20px 0; clear:both} #cntLeft ul#cntPage li{float:left; width:25px; height:25px; margin-right:1px; border:1px #507f87 solid; line-height:25px; text-align:center;} #cntLeft ul#cntPage li span{display:block; background:#507f87; color:#fff} #cntLeft ul#cntPage li a{display:block; color:#507f87} .pageNav{text-align:right; clear:both} .pagingNav{text-align:center; line-height:25px; clear:both} .pagingNav strong{ font-weight:bold} #flowerDetailBdy .pagingNav{text-align:right;} .pagingNav img{vertical-align: middle; margin:0 5px} #listCnt{ margin-bottom:34px} #listCnt li{ padding:10px 0; border-bottom:dotted 1px #cc8765} #listCnt span.thumArea{ position:relative; float:left; width:92px; height:52px; margin-right:10px; padding:7px; background:#edeae8; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;} *html #listCnt span.thumArea{width:106px; height:66px;} #flowerBdy #listCnt span.thumArea{} #listCnt span.thumArea img.pic{ display:block; height:52px!important; margin:0 auto!important} #listCnt span.thumArea .icon{ position:absolute; bottom:10px; right:10px} #listCnt span.date{display:block; float:right; width:375px; margin-bottom:5px; font-size:10px;} #listCnt span.title{display:block; float:right; width:375px; margin-bottom:5px; font-size:14px; line-height:130%; font-weight:bold} #listCnt span.link{float:right;width:375px;} #listCnt span.link a{padding-left:16px; background:url(../img/icon_arrow3.gif) no-repeat center left} #cntRight{ float:right; width:300px; margin-bottom:30px} body#topBdy #cntRight{ margin-top:21px;} #cntRight iframe{ width:300px; height:250px;} #contents{ width:990px; margin:0 auto; text-align:left} #rightContents{ margin-top:10px;} #rightContents .box{ padding:10px;} #rightContents h2{ margin-bottom:7px} #footer{ margin:50px 0 20px 0; background:url(../img/cd.gif) no-repeat top left; text-align:right; clear:both} #footer img{ margin-left:10px;} /*home------------------------------------------------------------*/ #mainArea{ height:364px; padding-top:36px} *html #mainArea{ height:400px;} #vl{ float: left; width:566px; height:318px; padding:5px; background:url(../img/bg_vl.gif) no-repeat} *html #vl{ width:576px; height:328px;} #slider, #slider li {height:318px; width:566px; } #slider {position:relative!important; width:566px; height:318px; margin:0!important; padding:0!important; overflow:hidden!important;} #slider li {display:none; position:absolute; float:left; width:100%; margin:0; z-index:5} #slider li span{ position:absolute; bottom:0; display:block; width:556px; padding:10px 5px; background:url(../img/bg_main.png) no-repeat; color:#fff; z-index:10} #slider li.current {display:block;z-index:2!important; } #slider li.next {display:block; z-index:1!important; } #slider li ul li {position:relative!important; display:block!important;} .slider_selector, .slider_selector_dis {position:absolute; right:10px; bottom:295px; margin:0 0 0 5px; z-index:5;} .slider_selector li, .slider_selector_dis li {position:relative!important; display:block!important; float:left; width:10px!important; height:10px!important; margin:0 3px!important; background:url(../img/slider_selector.png) no-repeat top left; cursor:pointer;} .slider_selector li.current, .slider_selector_dis li.current {background: url(../img/slider_selector_current.png) no-repeat top left;} .slider_selector_dis li {cursor:default!important; z-index:5; } .container {position:relative; float:left; width:100%; z-index:15;} .slider_arrow_left {position:absolute; bottom:136px; left:-10px; float:left; width:40px; height:55px; background:url(../img/left_arrow.png) no-repeat top left; z-index:5; cursor:pointer !important;} .slider_arrow_right {position:absolute; bottom:136px; right:-10px; float:left; width:40px; height:55px; background:url(../img/right_arrow.png) no-repeat top left; z-index:5; cursor:pointer;} /*home news------------------------------------------------------------*/ #news{float:right; width:400px; margin-top:10px;} #news h2{ height:23px; margin-bottom:8px; padding-top:10px; padding-left:130px; background:url(../img/ttl_news.png) no-repeat; font-size:14px} *html #news h2{ height:33px} #news ul{ height:260px; overflow:auto} #news li{} #news li a{ display:block; height:19px; text-decoration:none!important; line-height:19px; margin-bottom:5px; padding-left:62px;} #news li.economy a{ background:url(../img/news_icon_economy.gif) no-repeat} #news li.feature a{ background:url(../img/news_icon_feature.gif) no-repeat} #news li.info a{ background:url(../img/news_icon_info.gif) no-repeat} #news li.international a{ background:url(../img/news_icon_international.gif) no-repeat} #news li.politics a{ background:url(../img/news_icon_politics.gif) no-repeat} #news li.social a{ background:url(../img/news_icon_social.gif) no-repeat} #news li.sports a{ background:url(../img/news_icon_sports.gif) no-repeat} #news li.weather a{ background:url(../img/news_icon_weather.gif) no-repeat} #news .more{ margin-top:10px;} #info_view{} #info{ width:980px; margin-top:12px; margin-bottom:0px; padding:5px; line-height:43px} *html #info{ width:990px} #info h2{ float:left; margin:7px 0 0 10px} #info .box{ float:right; width:820px; padding:5px; background:#fff; line-height:150%} *html #info p{ width:830px} #twitter{position:relative; margin-top:21px; margin-bottom:16px; padding:40px 7px 7px 7px; } #twitter .box{padding:19px; } #twitter h2{ position:absolute; top:-4px; left:-4px; font-size:14px} #twitter h3{ height:25px; margin-bottom:15px; padding-left:15px; background:url(../img/bg_h3.gif) no-repeat; font-size:14px; font-weight:bold} #twitter #today{ float:left; width:304px} #twitter #today p{ margin-bottom:20px; line-height:170%} #twitter #updating{ font-size:11px ; float:right; width:304px} #twitter #updating li{ height:48px; margin-bottom:10px; padding-left:53px} #weather{position:relative; float:left; width:330px} #weather h2{ position:absolute; top:-4px; left:-4px; width:74px; height:46px; padding-left:256px; padding-top:23px; background:url(../img/ttl_weather.png) no-repeat; font-size:14px} *html #weather h2{ width:330px;} #weather .pic{ margin-top:40px; margin-bottom:5px; padding:3px; background:#fff; border:solid 1px #cccccc} #flower{position:relative; float:right; width:330px} #flower h2{ position:absolute; top:-4px; left:-4px; width:126px; height:46px; padding-left:204px; padding-top:23px; background:url(../img/ttl_flower.png) no-repeat; font-size:14px} *html #flower h2{ width:330px} #flower .pic{ margin-top:40px; margin-bottom:5px; padding:3px; background:#fff; border:solid 1px #cccccc} #flower p{ margin-bottom:10px} /*news------------------------------------------------------------*/ #newsCnt{padding:7px} #newsCnt .box{ margin:7px 0; padding:20px} #newsCnt #news{ float:none; width:100%; margin-bottom:30px;} #newsCnt h3{ margin:5px 0 10px 0 ; color:#815e51; font-size:16px; line-height:19px; font-weight:bold;} #newsCnt h3.economy{ padding-left:62px; background:url(/hst/img/news_icon_economy.gif) no-repeat left center} #newsCnt h3.feature{padding-left:62px; background:url(/hst/img/news_icon_feature.gif) no-repeat left center} #newsCnt h3.info{padding-left:62px; background:url(/hst/img/news_icon_info.gif) no-repeat left center} #newsCnt h3.international{padding-left:62px; background:url(/hst/img/news_icon_international.gif) no-repeat left center} #newsCnt h3.politics{padding-left:62px; background:url(/hst/img/news_icon_politics.gif) no-repeat left center} #newsCnt h3.social{padding-left:62px; background:url(/hst/img/news_icon_social.gif) no-repeat left center} #newsCnt h3.sports{padding-left:62px; background:url(/hst/img/news_icon_sports.gif) no-repeat left center} #newsCnt h3.weather{padding-left:62px; background:url(/hst/img/news_icon_weather.gif) no-repeat left center} #newsRight{ margin-bottom:10px; padding:8px} #genre{} #genre_year{} #genre_month{} #newsSearchBtn{ margin:5px auto 0 auto} #newsRight h4{ margin-bottom:8px} /*feature------------------------------------------------------------*/ ul#listNav{ float:left; width:120px; height:640px; font-size:10px; overflow:auto} ul#listNav li{margin-bottom:10px;} ul#listNav li a{ display:block; padding-left:10px;background:url(../img/icon_arrow2.gif) no-repeat center left;} ul#listNav li a.bnr{ background:none; padding:0} /*blog------------------------------------------------------------*/ #blogCnt{ padding:7px} /*#blogCnt .box{ padding:20px}*/ #blogCnt .blog, #blogCnt .report{ padding:20px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border:dashed 1px #cc8765; background:#fff} #blogCnt .blog dl, #blogCnt .report dl{ height:24px; border-bottom:dashed 1px #cc8765;} #blogCnt .blog dt, #blogCnt .report dt{ float:left; margin-bottom:10px; padding-bottom:8px; font-size:120%; font-weight:bold!important} #blogCnt .blog dd, #blogCnt .report dd{ float:right; margin-bottom:10px; text-align:right; font-size:10px} #blogCnt .blog p, #blogCnt .report p{margin-bottom:15px; font-size:14px; line-height:150%; clear:both} /*#blogCnt .box h4{margin-bottom:10px; padding-bottom:8px; border-bottom:dashed 1px #cc8765; font-size:120%; font-weight:bold}*/ /*#blogCnt .box .data{ float:right; margin-bottom:10px; text-align:right; font-size:10px}*/ #blogCnt .box p{ margin-bottom:15px; font-size:14px; line-height:150%; clear:both} #blogCnt .pagingNav{ margin:5px 0} #blogCnt ul li{ margin-top:15px;margin-bottom: 5px; padding-left: 8px; background:url(../img/icon_arrow4.gif) no-repeat 0 3px; clear:both; } #blogRight{ margin-bottom:10px; padding:8px} #boxSearch, #boxCalendar, #boxLatest, #boxArchive{ margin-bottom:10px; padding:1px; background:url(../img/bg_cnt_c.gif) no-repeat top left} #boxSearch .box, #boxCalendar .box, #boxLatest .box, #boxArchive .box{padding:10px; border:solid 1px #e1e1e1; background: url(../img/bg_cnt_a.gif) repeat} #blogRight h4{ margin-bottom:8px} #boxSearch form{ position:relative; width:100%; height:25px;} #boxSearchTxt{ position:absolute; top:0; left:0; width:146px; height:25px; padding-left:25px; background:url(/hst/img/blog/bg_search.gif) no-repeat top left; border:none; line-height:25px;} *html #boxSearchTxt{ width:171px} #boxSearchBtn{ position:absolute; top:0; right:0} #boxCalendar form{ position:relative; width:100%; height:25px; margin-bottom:5px} #boxCalendar #boxCalendarYear{ position:absolute; top:0; left:0; width:82px; height:25px; line-height:25px;} #boxCalendar #boxCalendarMonth{ position:absolute; top:0; left:87px; width:82px; height:25px; line-height:25px;} #boxCalendar #boxCalendarBtn{ position:absolute; top:0; right:0} #boxCalendar table{border-collapse:collapse; width:100%; margin-bottom:5px;} *html #boxCalendar table{ width:260px!important} #boxCalendar th, #boxCalendar td{border:solid 1px #9a9a9a; text-align: center; vertical-align:middle} #boxCalendar th{ background:#53898f; color:#fff} #boxCalendar td a{ display:block; padding:5px; background:#fffea7; border: solid 3px #e4e386} #boxCalendar td span{ display:block; padding:5px} #boxLatest li{min-height:16px; height:auto!important; height:16px; margin-bottom:5px; padding-left:22px; background:url(../img/icon_pen.gif) no-repeat left center} #boxArchive li{ margin-bottom:5px; padding-left:15px; background:url(../img/icon_arrow4.gif) no-repeat left center} /*weather------------------------------------------------------------*/ #weatherCnt{padding:7px} #weatherMovie{ margin:0 0 20px 80px} #weatherMovie object{ z-index:1} #weatherSearch{position:relative; width:658px; height:25px; margin-bottom:10px} #weatherCalendarYear{position:absolute; top:0; left:220px; width:82px; height:25px; } #weatherCalendarMonth{position:absolute; top:0; left:308px; width:82px; height:25px;} #weatherCalendarBtn{position:absolute; top:0; left:395px;} #weatherSearch img.prev{ position:absolute; top:0; right:85px} #weatherSearch img.next{ position:absolute; top:0; right:10px} #weatherCnt .box{ padding:20px} #weatherCnt p.text{ margin-bottom:5px; color:#cc3e2b; font-size:16px; font-weight:bold} #weatherCnt .frame{ padding:20px; border:none!important} #weatherCnt table{border-collapse:collapse; width:100%; margin-bottom:5px;} *html #weatherCnt table{ width:580px!important} #weatherCnt th{ padding:5px 0; font-size:16px; font-weight:bold; color:#fff; text-align:center;} #weatherCnt td{ width:80px; height:100px; background:#fff; border:solid 1px #976e4d; text-align: center; vertical-align:middle} #weatherCnt td span.area{ position:relative; display:block; width:100%; height:100px} #weatherCnt td span.area img{ width:48px; margin-bottom:4px; border: solid 1px #d5d5d5} #weatherCnt td span.data{ position:absolute; top:4px; left:4px; color:#522e21} /*cast------------------------------------------------------------*/ #castCnt{padding:7px} #castCnt .box{padding:20px} ul#cast{ margin-bottom:10px; margin-left:-2px;} ul#cast li{ float:left; height:25px; margin-left:2px; overflow:hidden} ul#cast li a{display:block; width:108px; padding-top:25px; background:url(../cast/img/nav_cast.gif) no-repeat; } li#cast01 a{ background-position: 0 0} li#cast01 a:hover{ background-position: 0 -25px} li#cast02 a{ background-position: -110px 0!important} li#cast02 a:hover{ background-position: -110px -25px!important} li#cast03 a{ background-position: -220px 0!important} li#cast03 a:hover{ background-position: -220px -25px!important} li#cast04 a{ background-position: -330px 0!important} li#cast04 a:hover{ background-position: -330px -25px!important} li#cast05 a{ background-position: -440px 0!important} li#cast05 a:hover{ background-position: -440px -25px!important} li#cast06 a{ background-position: -550px 0!important} li#cast06 a:hover{ background-position: -550px -25px!important} li#cast07 a{ background-position: -660px 0!important} li#cast07 a:hover{ background-position: -660px -25px!important} li#cast08 a{ background-position: -770px 0!important} li#cast08 a:hover{ background-position: -770px -25px!important} li#cast09 a{ background-position: -880px 0!important} li#cast09 a:hover{ background-position: -880px -25px!important} li#cast10 a{ background-position: -990px 0!important} li#cast10 a:hover{ background-position: -990px -25px!important} li#cast11 a{ background-position: -1100px 0!important} li#cast11 a:hover{ background-position: -1100px -25px!important} li#cast12 a{ background-position: -1210px 0!important} li#cast12 a:hover{ background-position: -1210px -25px!important} li#cast13 a{ background-position: -1320px 0!important} li#cast13 a:hover{ background-position: -1320px -25px!important} li#cast14 a{ background-position: -1430px 0!important} li#cast14 a:hover{ background-position: -1430px -25px!important} li#cast15 a{ background-position: -1540px 0!important} li#cast15 a:hover{ background-position: -1540px -25px!important} li#cast16 a{ background-position: -1650px 0!important} li#cast16 a:hover{ background-position: -1650px -25px!important} li#cast17 a{ background-position: -1760px 0!important} li#cast17 a:hover{ background-position: -1760px -25px!important} li#cast18 a{ background-position: -1870px 0!important} li#cast18 a:hover{ background-position: -1870px -25px!important} li#cast19 a{ background-position: -1980px 0!important} li#cast19 a:hover{ background-position: -1980px -25px!important} li#cast20 a{ background-position: -2090px 0!important} li#cast20 a:hover{ background-position: -2090px -25px!important} li#cast21 a{ background-position: -2200px 0!important} li#cast21 a:hover{ background-position: -2200px -25px!important} .cast01, .cast02, .cast03, .cast04, .cast05, .cast06, .cast07, .cast08, .cast09, .cast10, .cast11, .cast12, .cast13, .cast14, .cast15, .cast16, .cast17, .cast18, .cast19, .cast20, .cast21{ display:none; clear:both} #castCnt .castPic{ float:left; margin-right:15px} #castCnt h3{ margin-bottom:25px; margin-left:315px;} #castCnt p{ margin-bottom:20px; margin-left:315px; line-height:150%} /*contact------------------------------------------------------------*/ #contactBdy #contactCnt{ padding:7px;} #contactBdy #contactCnt .box{padding:20px;} #contactBdy #contactCnt .box h3{ margin-bottom:10px} #recruitList{} #recruitList li{ margin-bottom:10px; padding:15px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; background:#f4efec} #recruitList li span.title{ display:block; margin-bottom:10px; padding:3px 0; border-left:solid 2px #522e21; padding-left:7px; font-size:14px; font-weight:bold} #recruitList li span.explanation{ display:block; margin-top:4px; font-size:12px; font-weight:normal} #recruitList ul.btn{ padding:10px 0; border-top:dotted 1px #cc8765; border-bottom:dotted 1px #cc8765} #recruitList ul.btn li{ float:left; margin:0 30px 0 0; padding:0} #contactBdy #contactCnt table{border-collapse:collapse; width:540px; margin-bottom:15px} #contactBdy #contactCnt table th, #contactBdy #contactCnt table td{text-align:left; vertical-align:top; line-height:18px; padding:10px 15px; vertical-align:top; font-size:12px} #contactBdy #contactCnt table th{ width:80px;} #contactBdy #contactCnt p.note{ margin-top:10px; font-size:11px; line-height:140%} th em, td em{ color:#b50000} .impossible{ margin-bottom:10px;} ul.attention{ margin-bottom:10px; font-size:11px; } ul.attention li{ margin-bottom:3px;} .btn_submit{ text-align:center} .alert_btn{ text-align:center} .alert {width:280px; margin:10px auto; padding:25px 15px 15px 30px; border:solid 1px #9A0202; color: #9A0202; text-align: left; background: url(../contact/img/attention.gif) no-repeat scroll left top transparent;} .thanks {width:280px; margin:10px auto; padding:25px 15px; border:solid 1px #9A0202; color: #9A0202; text-align: left;} .alert p, .thanks p{margin-bottom: 10px; line-height:120%;} /*うが写っ　本文用CSS*/ .uga { color: #CC6600; font-weight: bold; } .player { color: #0099CC; font-weight: bold; } .player2 { color: #EE82EE; font-weight: bold; } .player3 { color: #669900; font-weight: bold; } .red { color: #ff0000; font-weight: bold; } .profile { font-weight: bold; line-height: 1.5em; } .headline1 { font-size: 1.5em; font-weight: bold; } .headline2 { font-size: 1.2em; font-weight: bold; }