/************************************************

株式会社アンダムル
トップページコンテンツ

***************************************************/


/* フラッシュ
---------------------------------------------*/
#fla {
	width: 800px;
	height:281px;
	}


/* モバイルサイト
---------------------------------------------*/
#msite {
    float:left;
	width: 542px;
	background-color:#f6f5ef;
	}

#msite:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* モバイルサイト/左（写真）
---------------------------------------------*/
#msite_left {
    float:left;
	width: 141px;
	}

/* モバイルサイト/右
---------------------------------------------*/
div.msite_right {
    float:right;
	width: 401px;
	}

/* モバイルサイト/右/ヘッダーとフッター
---------------------------------------------*/
#msite_right div.tf{
    float:right;
	width: 401px;
	height: 13px;
	}


/* モバイルサイト/コンテンツボックス
---------------------------------------------*/
div.msite_right div.box{
    float:left;
	width: 122px;
	padding-right: 11px;
	}

/* モバイルサイト/コンテンツボックス/バナー
---------------------------------------------*/
div.msite_right div.box div.bana{
	width: 122px;
	padding-bottom: 8px;
	}


/* モバイルサイト/コンテンツボックス/テキスト
---------------------------------------------*/
div.msite_right div.box div.text{
	width: 122px;
	padding-bottom: 12px;
	letter-spacing: 0em;
	line-height: 100%;
	font-size: 80%;
	}

#msite_icon	{
	padding-right: 5px;
	}

/* モバイルサイト/コピー
---------------------------------------------*/
div.msite_right #copy{
	width: 256px;
	float:left;
	}

/* モバイルサイト/詳しくはボタン
---------------------------------------------*/
div.msite_right #btn{
	width: 122px;
	float:right;
	padding-right:13px;
	}


/************************************************



/* 右サイドボタン
---------------------------------------------*/
#rside {
    float:right;
	width: 181px;
	padding-bottom:20px;
	}

#rside:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#rside:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

div.rside_btn {
	width: 181px;
	}


/************************************************


/* トピックス
---------------------------------------------*/
#topics {
    float:left;
	width: 740px;
	background: url(../index_img/topics_bg.gif) repeat-y;
	}

#topics:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* トピックスタイトル
---------------------------------------------*/
#topics_ti {
    float:left;
	width: 647px;
	height: 48px;
	}

/* もっと見るボタン
---------------------------------------------*/
#topics_btn {
    float:left;
	width: 93px;
	height: 48px;
	}

#topics_btn:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}


/* トピックステキストボックス
---------------------------------------------*/
#topics_box {
    float: left;
	width: 708px;
	padding-left: 16px;
	padding-right: 16px;
	letter-spacing: 0em;
	}

#topics_box ul {
	list-style-type: none;
    margin: 0;
    padding: 0;
	}

#topics_box li{
    padding-bottom: 25px;
	padding-left: 90px;
	}

#topics_box li.icon_release_a{
	background: url(../index_img/news_icon01.gif) left top no-repeat;
	}

#topics_box li.icon_release_b{
	background: url(../index_img/news_icon02.gif) left top no-repeat;
	}

#topics_box li.icon_media{
	background: url(../index_img/news_icon03.gif) left top no-repeat;
	}

#topics_box li.icon_recruit{
	background: url(../index_img/news_icon04.gif) left top no-repeat;
	}

#topics_box li.icon_notice{
	background: url(../index_img/news_icon05.gif) left top no-repeat;
	}

#topics_box a:link { text-decoration:underline; color:#4e4e4e; }
#topics_box a:visited { text-decoration:underline; color:#4e4e4e; }
#topics_box a:active { text-decoration:underline; color:#4e4e4e; }
#topics_box a:hover { text-decoration:none; color:#2873e5; }


#topics_box:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}




/* トピックスフッター
---------------------------------------------*/
#topics_foot {
    float:left;
	width: 740px;
	height: 10px;
	}

#topics_foot:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}