@charset "UTF-8";

/* タイトル / 見出し
-------------------------------------------------------*/
#Main #Conts h1{clear:both; margin-bottom:5px;}
#Main #Conts .clear{clear:both;}
#Main #Conts .clearR{clear:right;}
#Main #Conts .clearL{clear:left;}
/*.m5{margin : 5px;}*/
/*.non{visibility: hidden;}*/


/* ▼ 2010年03月改定 */
#alatopwaku{clear:both; margin:20px 0 10px 0;}
#alatopwaku h2{clear:both; padding-top:10px;}
#Main #Conts div.btnwaku{clear:both; width:570px; margin:0; padding-bottom:10px;}
#Main #Conts div.btnwaku ul{clear:both; list-style:none; margin:0; padding:0;}
#Main #Conts div.btnwaku li.liL{width:280px; float:left;}
#Main #Conts div.btnwaku li.liR{width:280px; float:right;}
#Main #Conts .pt10{padding-top:10px;}
#Main #Conts div.bn_ala{clear:both; padding-top:20px;}
/* media.htmlのCSSを一部修正して使いまわし */
#bn_media{width:570px; margin:10px 0; clear: both;}
#bn_media div.yoko1{width:275px; float:left;}
#bn_media div.yoko2{width:275px; float:right;}
/* ▲ 2010年03月改定 */


/* ▼ ALAちゃんについて */
/*グリーン -----------------------------------------------------*/
#Main #Conts #TopMainGreen{background:url(/ala/image/box_bg_index_03.gif) 0 0 repeat-y;}
#Main #Conts #TopMainGreen h2{background:#fff;}
#Main #Conts #TopMainGreen img#aboutalachan {float:left; padding-left:20px;}
#Main #Conts #TopMainGreen .TopMainAbout{padding-left:120px;}
#Main #Conts #TopMainGreen .TopMainAboutTxt{margin-left:20px;}
#Main #Conts #TopMainGreen .AboutTtl{font-weight:bold; color:#176000;}
#Main #Conts #TopMainGreen .AboutSub{color:#176000;}
#Main #Conts #TopMainGreen .TopMainAboutTxt p{margin:0px;}
#Main #Conts #TopMainGreen .TopMainBar{margin: 5px 0px 5px 20px;}
#Main #Conts #TopMainGreen img.bottom {clear:both;width:570px; height:17px; display:block; padding:0; margin:0; background:#fff;}
/* リンク各色 */
#Main #Conts #TopMainGreen .Toplink_G{padding:0; margin:0;}
#Main #Conts #TopMainGreen .Toplink_G ul{display:block; margin:0 0 0 20px; padding:0; list-style:none;}
#Main #Conts #TopMainGreen .Toplink_G ul li{ padding:3px 0 0 15px; background:url(/ala/image/top_arrow_04.gif) no-repeat 0 5px;}
/* ▲ ALAちゃんについて */


/* ▼ アラについてのお問い合わせ */
/*ピンク -----------------------------------------------------*/
#Main #Conts #TopMainPink .TopMainContact{background:url(/ala/image/box_bg_index_04.gif) repeat-y;}
#Main #Conts #TopMainPink .TopMainContactTxt{margin-left:20px; padding-top:5px;}
#Main #Conts #TopMainPink .ContactTtl{font-weight:bold; color:#cb4f19;}
#Main #Conts #TopMainPink .TopMainBar{margin: 5px 0px 5px 20px;}
#Main #Conts #TopMainPink img.bottom {clear:both;width:570px; height:17px; display:block; padding:0; margin:0; background:#fff;}
#Main #Conts #TopMainPink div.dl {float:left; margin-right:20px;}
#Main #Conts #TopMainPink dl {margin-left:20px;}
#Main #Conts #TopMainPink dl dt {color:#cb4f19;}
/* リンク各色 */
#Main #Conts #TopMainPink ul{list-style:none; margin-left:20px;}
#Main #Conts #TopMainPink  ul li{ padding:3px 0 0 15px; background:url(/ala/image/top_arrow_03.gif) no-repeat 0 5px;}
/* ▲ アラについてのお問い合わせ */


/* 関連ムービーの右上にイラストが入る場合のCSS */
#Main #Conts .imgBox_right{clear:both; width:175px; float:right;}
#Main #Conts .imgBox_right img{padding-top:25px;display:block;}
/*--------------------------------------------------------------*/


/* ▼ ALA フッター共通リンク部分のCSS（共通なので毎回書くより、別ファイルにして読み込むほうが良いかと思われます） */
/* フレーム -------------------------------------------------------*/
#Main #Conts .fmWrap1{width:570px; background:url(/ala/image/frame_btm.jpg) no-repeat left bottom; padding-bottom:9px; margin-bottom:5px;}
#Main #Conts .fmWrap2{width:570px; background:url(/ala/image/frame_top.jpg) no-repeat left top; padding-top:9px;}
#Main #Conts .fmWrap3{width:550px; background:url(/ala/image/frame_bg.jpg) repeat-y; padding:0 10px;}
#Main #Conts .fmWrap3 .rugWrap1{clear:both; width:550px; background:#F3EFE3 url(/ala/image/rug_btm.gif) no-repeat left bottom; margin-bottom:5px;}
#Main #Conts .fmWrap3 .rugWrap2{width:550px; background:url(/ala/image/rug_top.gif) no-repeat left top; padding-top:5px;}
#Main #Conts .fmWrap3 h2{width:550px; margin-bottom:10px;}
#Main #Conts .fmWrap3 .sectionBox {clear:both; width:533px; padding:0 9px 5px 8px;}
#Main #Conts .fmWrap3 .sectionBox .txtBox {float:left; width:379px; position:relative;}
#Main #Conts .fmWrap3 .sectionBox .txtBox h3 {height:19px; margin:0 0 5px 0;}
#Main #Conts .fmWrap3 .sectionBox .txtBox p {margin:0; padding:0;}
#Main #Conts .fmWrap3 .sectionBox .txtBox .movieBtn {position:absolute; top:0; left:150px;}
#Main #Conts .fmWrap3 .sectionBox .txtBox .linkBox{width:320px; border:1px #CAD3C8 solid; padding:5px 10px 2px 10px; margin:10px 0 10px 0;}
#Main #Conts .fmWrap3 .sectionBox .txtBox .linkBox ul{ margin:0; padding:0; list-style:none;}
#Main #Conts .fmWrap3 .sectionBox .txtBox .linkBox ul li{ float:left; width:140px; padding:0 0 0 10px; background:url(/ala/image/link_icon.gif) no-repeat 0 5px;}
#Main #Conts .fmWrap3 .sectionBox .imgBox{float:right; width:154px; height:65px; text-align:right;}
#Main #Conts .fmWrap3 .sectionBox .imgBox img.mgB10{margin-bottom:10px;}
#Main #Conts .fmWrap3 .relatedWrapTop{clear:both; width:550px;}
#Main #Conts .fmWrap3 .relatedWrapTop .alaBox{float:left; width:66px; text-align:right;}
#Main #Conts .fmWrap3 .relatedWrapTop .relatedBox1{float:left; width:484px; background:url(/ala/image/rug2_btm.gif) no-repeat left bottom;}
#Main #Conts .fmWrap3 .relatedWrapTop .relatedBox2{width:484px; background:url(/ala/image/rug2_top.gif) no-repeat left top; padding:10px 0;}
#Main #Conts .fmWrap3 .relatedWrapTop .relatedBox2 h3{float:left; width:85px; height:24px; padding:0 0 0 33px;}
#Main #Conts .fmWrap3 .relatedWrapTop .relatedBox2 ul{display:block; width:340px; margin:0 0 0 10px; padding:0; list-style:none;}
#Main #Conts .fmWrap3 .relatedWrapTop .relatedBox2 ul li{ padding:0 0 0 10px; background:url(/ala/image/link_icon.gif) no-repeat 0 5px;}
/* フレーム 背景：薄いグリーンバージョン
-------------------------------------------------------*/
#Main #Conts .fmWrap3 .relatedWrapTop .relatedBox1_01{float:left; width:484px; background:url(/ala/image/rug3_btm.gif) no-repeat left bottom;}
#Main #Conts .fmWrap3 .relatedWrapTop .relatedBox2_01{width:484px; background:url(/ala/image/rug3_top.gif) no-repeat left top; padding:10px 0;}
#Main #Conts .fmWrap3 .relatedWrapTop .relatedBox2_01 h3{float:left; width:100px; height:24px; padding:0 0 0 33px; margin-bottom: 8px;}
/* 関連ムービー */
.green_ByMovieBox{width: 440px;  float:left; both: clear; padding-left: 35px;}
.green_ByMovieBox .setumei_MovieBtn{ width: 110px; }
*html body .green_ByMovieBox .setumei_MovieBtn{padding-bottom: 5px;}
*:first-child+html body .green_ByMovieBox .setumei_MovieBtn{padding-bottom: 5px;}
.green_ByMovieBox .setumei_Moviettl{ float:right;}
dl.green_ByMovieBox dt img.bana{padding-right: 7px;}
dl.green_ByMovieBox dd{white-space: nowrap; margin-left:116px;}
/*関連ページ 20080909更新用 */
#Main #Conts .fmWrap3 .relatedWrapTop .relatedBox2 .relatedBox3{width:340px; float:left; margin-left:10px;}
/* ▲ ALA フッター共通リンク部分のCSS（共通なので毎回書くより、別ファイルにして読み込むほうが良いかと思われます） */


/*----------------------------------------
 clearfix
-----------------------------------------*/
.cfix:after{ content: "."; display: block; clear: both; height: 0; visibility: hidden;}
/*for IE7*/.cfix{ display: inline-block; min-height: 1%;}
/*for IE6*/
* html .cfix{ height: 1%;}
.wmp{ margin:0 ;padding:0;display: inline; width: 160px;}
.mb5{margin-bottom:5px;}