/*======================================
		メンテ
=======================================*/

p#mente{
width:800px;
margin-left:auto;
margin-right:auto;
height:30px;
padding:5px;
border:double #FF0000 2px;
font-size:20pt;
text-align:center;
color:#990000;
margin-bottom:30px;
display:none;
}

/*======================================
		メインビジュアル
=======================================*/
div#box-visual-all{
width:100%;
height:250px;
background-image:url(common/img/visual_out.jpg);
background-repeat:repeat-x;
}

div#box-visual-in{
width:970px;
height:250px;
margin-left:auto;
margin-right:auto;
clear:both;
}


div#box-visual-l{
float:left;
width:10px;
height:250px;
background-image:url(common/img/visual_l.jpg);
background-repeat:repeat-y;
}

div#box-visual-main{
float:left;
width:950px;
height:250px;
background-image:url(img/main-img.jpg);
background-repeat:repeat-x;
}

div#box-visual-r{
float:left;
width:10px;
height:250px;
background-image:url(common/img/visual_r.jpg);
background-repeat:repeat-y;
}

/*======================================
		注目ライン
=======================================*/

p#attention-line{
width:910px;
height:20px;
padding-top:5px;
padding-bottom:5px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-bottom:20px;
display:none;
}

/*======================================
		■　大きなコンテナ　■
=======================================*/

div#box-wrap{
clear:both;
height:395px;
margin-bottom:20px;
}

div#left-box{
float:left;
width:560px;
height:400px;
}

div#right-box{
float:left;
width:330px;
height:400px;
margin-left:20px;
}


/*======================================
		○○で分かる
=======================================*/

p#study{
width:560px;
height:100px;
margin-bottom:20px;
}

p#study a{
display:block;
width:560px;
height:100px;
background-image:url(img/wakaru-banner_1.jpg);
color:#FFFFFF;
text-indent:-9000px;
overflow:hidden;
}

p#study a:hover{
display:block;
width:560px;
height:0px;
padding-top:100px;
background-image:url(img/wakaru-banner_2.jpg);
color:#FFFFFF;
}




/*======================================
		更新履歴
=======================================*/
div#history{
width:560px;
height:270px;
}

p.line-s{
width:510px;
height:30px;
background-image:url(common/img/line_s.jpg);
background-repeat:no-repeat;
padding-left:50px;
padding-top:10px;
font-weight:bold;
margin-bottom:20px;
}

div#history-text{
width:540px;
height:210px;
margin-left:auto;
margin-right:auto;
overflow-x:hidden;
overflow-y:auto;
}

dl#dl-history{
width:520px;
clear:both;
}

dt.dt-history{
float:left;
width:140px;
margin-bottom:10px;
}

dd.dd-history{
float:left;
width:370px;
margin-bottom:10px;
}


/*======================================
		ツイッター
=======================================*/

div#twitter{
width:330px;
height:280px;
margin-bottom:20px;
background-color:#333333;
}

/*======================================
		ブログ
=======================================*/
p#blog{
width:330px;
height:90px;
}

p#blog a{
display:block;
width:330px;
height:90px;
text-indent:-9000px;
overflow:hidden;
background-image:url(img/blog-banner_1.jpg);
color:#FFFFFF;
}

p#blog a:hover{
display:block;
width:330px;
height:0px;
padding-top:90px;
background-image:url(img/blog-banner_2.jpg);
color:#FFFFFF;
}

/*======================================
		メールマガジン
=======================================*/
div#mailmagazine-box{
width:870px;
height:250px;
background-color:#0099CC;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
}


/*======================================
		会社概要
=======================================*/

p.line-l{
width:910px;
height:30px;
background-image:url(common/img/line_l.jpg);
background-repeat:no-repeat;
padding-left:50px;
padding-top:10px;
font-weight:bold;
margin-bottom:20px;
}

div#outline-box{
width:910px;
margin-left:auto;
margin-right:auto;
}

img#outline-left{
float:left;
width:330px;
}

div#outline-right{
float:right;
width:520px;
}

div.wrap{
clear:both;
width:540px;
height:40px;
border-bottom-width:1px;
border-bottom-color:#aaaaaa;
border-bottom-style:dashed;
margin-bottom:5px;
}

p.left{
float:left;
width:90px;
height:20px;
padding:10px;
}

p.right{
float:left;
width:380px;
height:20px;
padding:10px;
}

/*======================================
		ページ上部へ
=======================================*/

p#to-top{
width:900px;
height:20px;
text-align:right;
margin-top:40px;
margin-left:auto;
margin-right:auto;
font-size:80%;
}