@import url(css_margin_padding.css);

/* ---------------------------------------------------- */
/* base */


* html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}

body {
font-size: 100%;
line-height: 1.1em;
margin: 0;
padding: 0;
color: #555;
text-align:center;
background:#fff;
}



dl,dt,dd,ul,li { list-style: none; }

h1,h2,h3,h4,h5,h6 { line-height: 1.5em; }

div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,li,object,embed,form,img { margin: 0; padding: 0; }

em { font-style: normal; }

img {
vertical-align: top;
border: 0 none #fff;
}

a { color: #0256d2; text-decoration: none;  }
a:hover { color: #c60; text-decoration: underline; }

hr {
height:1px;
border-width:1px 0 0 0;
border-style:solid;
border-color:#999999;
}


/* ---------------------------------------------------- */
/* common layout */

#wrap {
width: 910px;
margin:0 auto;
position:relative;
text-align:left;
background:transparent url("../img/side_shadow.gif") left top repeat-y;

}

#contents {
width: 900px;
padding:0 5px 2em;
position:relative;
text-align:left;
}


#header {
width: 900px;
height: 142px;
background:transparent url("../img/header.gif") left top no-repeat;
text-align:left;
}


#footer {
width: 910px;
height:50px;
margin:0 auto;
color:#fff;
text-align:left;
font-size:80%;
background:transparent url(../img/footer_bg.gif) left bottom no-repeat;
}

/* ---------------------------------------------------- */
/* top layout */

#top_image {
width: 900px;
height:229px;
margin:0 auto;
text-align:left;
overflow:hidden;
position:relative;
background:transparent url(../img/top_00.png) 0 0 no-repeat;
}

#top_image_01_div {width:1300px;height:331px;position:relative;}
#top_image_03_div {width:1200px;height:305px;position:relative;}
#top_image_02_div {width:1100px;height:280px;position:relative;}

img#top_image_01 {width:703px; height:702px;top:-100px;left:600px;position:relative;}
img#top_image_02 {width:318px; height:38px;top:120px;left:170px;position:relative;}
img#top_image_03 {width:279px; height:24px;top:180px;left:235px;position:relative;}

#top_image_shadow {
width:900px;
height:30px;
margin:0 auto;
}

#top_col {
width:900px;
padding:1em 0;

}

#top_col_left {
width:516px;
float:left;
padding-left:40px;
}

#top_col_left div.top_pmark {
width:100px;
float:left;
}

#top_col_left div.information {
width:400px;
_width:350px;
margin-left:16px;
float:left;
font-size:0.8em;
}

#top_col_right {
width:320px;
margin-left:24px;
float:left;
}

#top_affiliate {
font-size:80%;
}

#top_affiliate p {
margin-bottom:1em;
}




/* ---------------------------------------------------- */
/* sub layout */

#sub_col {
width: 900px;
text-align:left;
background:transparent url(../img/sub_col_bg.jpg) top left no-repeat;
}

#sub_col_left {
width: 516px;
text-align:left;
float:left;
padding-left:40px;
font-size:80%;
}

.column {
width:500px;
padding-left:4px;
line-height:1.5em;
margin-bottom:2em;
}

.column p {
margin-bottom:1em;
}

#sub_col_right {
width: 320px;
margin-left:24px;
text-align:left;
float:left;
padding-top:1em;
font-size:80%;
}

#topicpath {
padding:3px 10px;
text-align:right;
font-size:80%;
}



/* ---------------------------------------------------- */
/* navigation */


#gnavi ul {}

#gnavi li {
height:56px;
float:left;
margin:0 2px;
}

#gnavi li a {
display:block;
height:56px;
text-indent:-9999px;
overflow:hidden;
}

#gnavi li#mission a {
width:73px;
background:transparent url(../img/but_gnavi_mission.gif) top left no-repeat;
}

#gnavi li#profile a {
width:59px;
background:transparent url(../img/but_gnavi_profile.gif) top left no-repeat;
}

#gnavi li#recruit a {
width:59px;
background:transparent url(../img/but_gnavi_recruit.gif) top left no-repeat;
}

#gnavi li#contact a {
width:83px;
background:transparent url(../img/but_gnavi_contact.gif) top left no-repeat;
}

#gnavi li a.active,
#gnavi li a:hover {
background-position:top right  !important;
}



#submenu {margin-left:21px;position:fixed;}

#submenu ul li {
display:block;
width:278px;
height:41px;
font-weight:bold;
margin-bottom:1em;
}

#submenu ul li a {
display:block;
width:278px;
height:27px;
padding-top:14px;
text-indent:2em;
background:transparent url(../img/sub_menu_bg.gif) top left no-repeat;
}

#submenu ul li a.submenu_pagetop {
background:transparent url(../img/sub_menu_bg_top.gif) top left no-repeat !important;
}

* html #submenu ul li a {
height:41px;
padding-top:14px;
}

#submenu ul li a:hover {
background-position:top right !important;
}


/* ---------------------------------------------------- */
/* header */


#header_left {
width:556px;
float:left;
}

#header_right {
width:320px;
margin-left:24px;
float:left;
}


#gnavi {
text-align:left;
top:70px;
margin-left:10px;
position:absolute; 
}

#header_left h1 {
text-indent:-9999px;
}

#header_left h1 a {
display:block;
position:relative;
top:27px;
left:40px;
width:188px;
height:92px;
overflow:hidden;
}

#home {
width:58px;
height:20px;
position:absolute;
right:5px;
top:0;
}

#home a {
display:block;
width:59px;
height:20px;
text-indent:-9999px;
overflow:hidden;
background:transparent url(../img/home.gif) top left no-repeat;
}

#home a:hover {background-position:top right !important;}



/* ---------------------------------------------------- */
/* footer */


#footer_menu {
width:320px;
float:left;
margin-top:15px;
}

#footer_menu a {
border-left:5px solid #fff;
padding-left:0.5em;
color:#fff;
margin-left:2em;
}

#copyright {
width:546px;
padding-right:10px;
margin-left:24px;
margin-top:15px;
float:left;
text-align:right;

}

/* ---------------------------------------------------- */
/* heading */


div#h2_title h2 {
text-indent:-9999px;
width:900px;
height:100px;
}

div#top_col_left h2 {
border: solid #de0029;
border-width:0 0 1px 10px;
padding:0 0 0 10px;
margin:0 0 20px 0;
}


div#h2_title h2#h2_profile {background:transparent url(../img/h2_profile.gif) top left no-repeat;}

div#h2_title h2#h2_privacy_policy {background:transparent url(../img/h2_privacy_policy.gif) top left no-repeat;}

div#h2_title h2#h2_contact {background:transparent url(../img/h2_contact.gif) top left no-repeat;}

div#h2_title h2#h2_recruit {background:transparent url(../img/h2_recruit.gif) top left no-repeat;}

div#h2_title h2#h2_mission {background:transparent url(../img/h2_mission.gif) top left no-repeat;}

div#h2_title h2#h2_sitemap {background:transparent url(../img/h2_sitemap.gif) top left no-repeat;}

#sub_col_left h3 {margin:2em 0 1em;clear:both;}

#sub_col_left h4 {
margin:2em 0 1em;
padding:5px;
clear:both;
border:1px solid #777;
}

#sub_col_left h5 {
margin:2em 0 1em;
padding:5px;
clear:both;
font-size:1em;
border-bottom:1px dotted #de0029;
}

/* ---------------------------------------------------- */
/* common class */


.clear { clear: both; }
br.clear { clear: both; line-height: 0; height: 0; font-size:0; }

.red {color:#c00;}
.blue {color:#00c;}
.bold {font-weight:bold;}

.align_center {text-align:center;}
.align_right {text-align:right;}
.align_left {text-align:left;}

.float_left {float:left;}
.float_right {float:right;}


.pagetop {
width:106px;
height:25px;
margin:20px 0 10px;
float:right;

}

.pagetop a {
display:block;
width:106px;
height:25px;
text-indent:-9999px;
background:transparent url(../img/pagetop.gif) left top no-repeat;
overflow:hidden;
}

.pagetop a:hover {background-position:right top !important;}

.close {
float:right;
text-align:center;
margin-right:10px;
border:1px solid #114297;
padding:3px;
width:4em;
}

.text_area {
margin:10px 10px 40px 30px;
font-size:90%;
width:440px;
}

.col_area {
margin:10px 10px 40px 30px;
font-size:90%;
width:720px;
}



/* ---------------------------------------------------- */
/* list type */


ul.normal li {
margin-bottom: 10px;
margin-left: 20px !important;
padding-left: 0px;
list-style-type:disc !important;
}

ul.disc li {
list-style:disc outside !important;
background:none !important;
padding: 0 !important;
margin:0 0 5px 2.5em !important;
}

ul.number li{
margin-bottom: 1.5em;
margin-left:40px;
list-style-type:decimal;
list-style-position:outside;
}

dl.normal dt {
}

dl.normal dd {
padding:5px 0 1.5em 2em; 
}

.mission_list dt {
background:#dedede;
font-weight:bold;
border:1px solid #aaa;
padding:10px;
}

dt#mis_marketing {background:#ffd1d1;}
dt#mis_sp {background:#fdecec;}
dt#mis_creative {background:#dcdcfc;}
dt#mis_media {background:#e3fff7;}
dt#mis_web {background:#fce3ff;}
dt#mis_corporate {background:#fff5e3;}


.mission_list dd {
display:block;
padding:5px 0 1.5em 2em;
background:#fff;
}

.sitemap_list dt {
background:#fff;
font-weight:bold;
border:1px solid #777;
}

.sitemap_list dt a {
display:block;
border-left:5px solid #e1142d;
padding:10px;

}

.sitemap_list dt a:hover {
background:#fdf3f3;
}

.sitemap_list dd {
display:block;
padding:5px 0 1.5em 2em;
background:#fff;
}


/* ---------------------------------------------------- */
/* table */

table.normal {
border-collapse: collapse;
width:100%;
border:solid #ccc;
border-width:1px 0;
}

table.normal th {
border:solid #ccc;
border-width:1px 0;
background:#efefef;
color:#000;
padding:10px;
width:100px;
text-align:center;
font-weight:bold;
}

table.normal td {
border:solid #ccc;
border-width:1px 0;
background:#fff;
padding:10px;
}


/* privacy policy */

#pmark_info_col {margin-bottom:2em;padding-left:2em;}

#pmark_logo {
width:100px;
height:107px;
margin-right:20px;
float:left;
}

#pmark_info {
_padding-top:1em;
float:left;
}


/* printing */

@media print {

body { background: none !important; }

* {
width: 90% !important;
background:none !important;
top:auto !important;
left:auto !important;
width:auto !important;
height:auto !important;
text-align:left !important;
float:none !important;
}

#contents {
padding:1em !important;
text-align:left;
}

#header_left {
border:1px solid #333;
}

table {
width: 100% !important;
}

#copyright {
text-align:right !important;

}

#header_left h1 a {
text-indent:0 !important;
padding:0.5em 1em;
font-size:80%;
}


div#h2_title h2 {
text-indent:0;
border:solid #000;
border-width:0 0 1px 0.5em;
padding:5px 10px;
}

#top_image,
#top_image_shadow,
#footer_menu,
#sub_col_right,
#header_right {display:none;}



}