@charset "utf-8";
/* -----------------------------------------------
CSS file 񂲓 2009.
FileName: common.css
by TAK(DESTNET)
----------------------------------------------- */

body {
background-color:#f1f1f1;
background-image:url(../images/bg.gif);
background-repeat:repeat-y;
background-position:top left;
}

div#container {
width:1000px; height:100%: min-height:100%;
text-align:left;
position:relative;
}

/* ALIGN CENTER
body {
background-color:#000000;
background-image:url(../images/bg.gif);
background-repeat:repeat-y;
background-position:top center;
}

div#container {
width:1000px; height:100%: min-height:100%;
text-align:center;
margin:auto;
position:relative;
}
*/

div#header {
position:absolute;
top:122px; left:622px;
width:180px; height:auto;
}

div#logo {
width:160px; height:199px;
text-align:center; margin:auto;
}

div#navigation {
width:180px; height:auto;
margin-top:45px;
text-align:left;
}

div#navigation li {
margin:10px;
width:auto; height:40px;
}

div#head_navi {
width:1000px; height:30px;
background-image:url(../images/head_bg.png);
background-color:#000000;
text-align:left;
}

div#head_title {
width:208px; height:30px;
margin-left:20px;
float:left;
}

div#head_navi li {
margin:0; 
width:auto; height:30px;
float:left;
}

div#main_column {
width:622px; height:auto;
float:left;
margin-top:15px;
}

div#main_right_column {
width:390px; height:auto;
float:right;
}

div#main_left_column {
width:190px; height:auto;
float:left;
}

div.side_contents {
margin-bottom:30px;
}

div#side_column {
width:180px; height:auto;
margin-top:15px;
float:right;
}


div#index_infomation {
float:right;
width:390px; height:auto;
}

div#footer {
width:1000px; height:60px;
margin-top:50px;
}

div#footer_inner {
margin-left:5px;
}

div#footer_navi {
float:left;
width:617px;
margin-top:30px;
}

address {
float:left;
width:180px; height:auto;
text-align:center; margin:auto;
}



/* -----------------------------------------------
FONTS
----------------------------------------------- */

h3 {
font-weight:bold;
color:#110d6b;
}



/* -----------------------------------------------
BLOCK
----------------------------------------------- */

div#index_flash {
width:1000px; height:76px;
overflow:hidden;
}

div#getapp {
margin:15px 0;
text-align:center;

}

p.right {
text-align:right;
margin-top:10px;
}

div#mobile_image {
margin-top:25px;
background-image:url(../../index/images/display_bg.gif);
background-repeat:no-repeat;
width:367px; height:224px;
}

div#mobile_image img {
margin:5px 0 0 23px;
width:320px; height:213px;
}

div.title_icon {
float:left;
width:40px; height:40px;
margin:15px 10px 20px 0;
}

div.title {
float:left;
width:250px; height:40px;
margin-top:15px;
font-size:14px;
}

div.title2 {
float:left;
width:320px; height:90px;
margin-top:15px;
font-size:14px;
}

p.date {
margin:8px 0 0 0;
font-size:11px;
}

p.main_text {
margin:0 30px 0 0;
}

p.main_more {
text-align:right;
margin:0 30px 0 0;
}

p.side_text {
margin:10px 0 0 20px;
}

div.side_ranking_box {
margin-top:10px;
}

div.side_ranking_box img {
float:left;
width:60px;
margin-right:5px;
}

p.ranking_text {
float:left;
width:166px;
margin-top:20px;
}