@charset "utf-8";

/*
===========================================================
  reset.css
  Copyright (c) 2009, nishi-shinjuku.net All rights reserved.
  version: 1.0.0 [2009/2/18]
===========================================================
*/

html {
  color:#000000;
  overflow-y:scroll;
}

body {
  font:13px/1.231 arial,helvetica,clean,sans-serif;
  margin:0;
  padding:0;
}

a {  
  overflow:hidden;
}

a img, img {
  border:0;
}

abbr, acronym {
  border:0;
}

address, caption, cite, code, dfn, em, th, strong, var {
  font-style:normal;
  font-weight:normal;
}

blockquote, dd, div, dl, dt,
h1, h2, h3, h4, h5, h6,
li, ol, p, pre, span, td, th, ul {
  margin:0;
  padding:0;
}

caption, th {
  text-align:left;
}

code, kbd, pre, samp, tt {
  font-family:monospace;
  line-height:100%;
}

h1, h2, h3, h4, h5, h6 {
  font-size:100%;
  font-weight:normal;
}

ol, ul {
  list-style:none;
}

q:before, q:after {
  content:'';
}

button, fieldset, form, input, label, legend, select, textarea {
  margin:0;
  padding:0;
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  vertical-align:baseline;
}

table {
  border-collapse:collapse;
  border-spacing:0;
  font-size:100%;
}

/*
===========================================================
  Base Fonts
  Copyright (c) 2009, nishi-shinjuku.net All rights reserved.
  version: 1.0.0 [2009/2/18]
===========================================================
*/
body {
  font-size:100%;
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

.emphasis {
  color:#ff6600;
}

/*
===========================================================
  common css
  Copyright (c) 2009, nishi-shinjuku.net All rights reserved.
  version: 1.0.0 [2009/2/18]
===========================================================
*/
/* -- body -- */
body {
  color:#666666;
  font-size:70%;
  line-height:160%;
  text-align:center;
  background:url('images/bg_body.jpg') repeat-x;
}

a {
  color:#162072;
  text-decoration:none;
}
a:hover {
  color:#162072;
  text-decoration:underline;
}
a:visited {
  color:#545fb8;
  text-decoration:none;
}

/* -- container -- */
div#container {
  width:800px;
  margin:0 auto;
  text-align:left;
}
div#container h1 {
  height:17px;
  color:#ffffff;
  font-size:90%;
}

/* -- header -- */
div#header {
  width:800px;
  height:83px;
}
  div#header h2 {
    width:315px;
    float:left;
  }
    div#header h2 a {
      width:315px;
      height:0px;
      padding-top:83px;
      background:url('images/logo.jpg') no-repeat;
      overflow:hidden;
      display:block;
    }
  div#header ul {
    width:367px;
    float:right;
    margin-top:30px;
  }
  div#header ul li {
    display:inline;
  }
  div#header ul li a {
    float:left;
    height:0px;
    padding-top:10px;
    background-image:url('images/bg_hnav.jpg');
    background-repeat:no-repeat;
    overflow:hidden
  }
div#header ul li#hn_access a { width:64px;background-position:0px 0px; }
div#header ul li#hn_outline a { width:69px;background-position:-64px 0px; }
div#header ul li#hn_recruitment a { width:69px;background-position:-133px 0px; }
div#header ul li#hn_inquiry a { width:90px;background-position:-202px 0px; }
div#header ul li#hn_sitemap a { width:75px;background-position:-292px 0px; }

div#header ul li#hn_access a:hover { background-position:0px -10px; }
div#header ul li#hn_outline a:hover { background-position:-64px -10px; }
div#header ul li#hn_recruitment a:hover { background-position:-133px -10px; }
div#header ul li#hn_inquiry a:hover { background-position:-202px -10px; }
div#header ul li#hn_sitemap a:hover { background-position:-292px -10px; }

/* -- g_nav -- */
ul#global_nav {
  clear:both;
  width:800px;
}
  ul#global_nav li {
    display:inline;
  }
  ul#global_nav li a {
    float:left;
    height:0px;
    padding-top:45px;
    background-image:url('images/bg_gnav.jpg');
    background-repeat:no-repeat;
    overflow:hidden;
  }
ul#global_nav li#gn_top a { width:96px; background-position: 0 0; }
ul#global_nav li#gn_video a { width:108px; background-position: -96px 0px; }
ul#global_nav li#gn_wedding a { width:176px; background-position: -204px 0px; }
ul#global_nav li#gn_package a { width:182px; background-position: -380px 0px; }
ul#global_nav li#gn_pa a { width:117px; background-position: -562px 0px; }
ul#global_nav li#gn_sample a { width:121px; background-position: -679px 0px; }

ul#global_nav li#gn_top a:hover { background-position: 0px -45px; }
ul#global_nav li#gn_video a:hover { background-position: -96px -45px; }
ul#global_nav li#gn_wedding a:hover { background-position: -204px -45px; }
ul#global_nav li#gn_package a:hover { background-position: -380px -45px; }
ul#global_nav li#gn_pa a:hover { background-position: -562px -45px; }
ul#global_nav li#gn_sample a:hover { background-position: -679px -45px; }

/* -- main_box -- */
div#main_box {
  clear:both;
  width:800px;
  padding-top:20px;
}
div#main_box:after {
    content:".";
    display:block;
    height:0;
    line-height:0;
    visibility:hidden;
    clear:both;
}

/* -- contents -- */
div#contents {
  width:556px;
  float:left;
  padding-bottom:30px;
}
  div#contents h3 {
    clear:both;
    margin-top:30px;
  }
  div#contents h4 {
    margin:15px 20px -8px 20px;
    color:#162072;
    font-weight:bold;
  }
  div#contents p {
    margin:15px 20px 0px 20px;
  }

/* -- side_area -- */
div#side_area {
  width:222px;
  float:right;
  padding-bottom:30px;

}

div#side_inquiry {
  padding-bottom:20px;
  background:url('images/bg_side_inquiry.jpg') no-repeat;
}
  div#side_inquiry h2 {
    width:222px;
    height:0px;
    padding-top:60px;
    background:url('images/side_inquiry.jpg') no-repeat;
    overflow:hidden
  }
  div#side_inquiry p {
    margin:17px 0px 0px 15px;
  }
    div#side_inquiry p#side_tel {
      width:192px;
      height:0px;
      padding-top:17px;
      background:url('images/side_tel.jpg') no-repeat;
      overflow:hidden
    }
    div#side_inquiry p#side_mail a {
      width:192px;
      height:0px;
      padding-top:26px;
      background-image:url('images/side_mail.jpg');
      background-repeat:no-repeat;
      overflow:hidden;
      display:block;
    }
      div#side_inquiry p#side_mail a:hover {
        background-position:0px -26px;
      }
      
div#side_company {
  margin-top:20px;
  background:url('images/bg_side_company.jpg') left bottom no-repeat;
}
  div#side_company h2 {
    width:222px;
    height:0px;
    padding-top:39px;
    background:url('images/side_company.jpg') no-repeat;
    overflow:hidden;
  }
  div#side_company p {
    padding:15px;
    background:url('images/side_company_dotted.jpg') no-repeat;
  }
    div#side_company p#link {
      font-size:80%;
      line-height:130%;
    }
    div#side_company p#link img {
      margin-bottom:5px;
    }
	div#side_portfolio {
		padding-top:10px;
		text-align:center;
		background:url(../img/side_company_dotted.jpg) no-repeat;
	}
	div#side_company p#side_play {
		margin:10px 0px 10px 75px;
		padding:0px 0px 0px 0px;
		background:none;
	}
		div#side_company p#side_play a {
			width:71px;
			height:0px;
			padding-top:22px;
			background-image:url(../img/nav_play.jpg);
			background-repeat:no-repeat;
			overflow:hidden;
			display:block;					
		}
			div#side_company p#side_play a:hover {
				background-position:0px -22px;			
			}

/* -- footer -- */
div#footer {
  clear:both;
  margin-top:20px;
  padding-top:10px;
  color:#999999;
  font-size:90%;
  text-align:center;
  background:#f0f0f0 url('images/bg_footer.jpg') repeat-x;
}
  div#footer li {
    display:inline;
    margin-left:10px;
    padding-right:10px;
    border-right:1px #999999 solid;
  }
    div#footer li a {
      color:#999999;
    }
    div#footer li a:hover {
      text-decoration:underline;
    }
  div#footer li.end {
    display:inline;
    margin-left:10px;
    border-right:none;
  }
  div#footer address {
    color:#333333;
    margin:10px 0px 0px 0px;
  }
    div#footer address a {
      color:#333333;
      text-decoration:none;
    }

/* -- layout css -- */
table.layout {
  margin:20px 20px 0px 20px;
}
  table.layout td {
    padding:5px;
    vertical-align:top;
  }

table.layout_border {
  clear:both;
  margin:15px 15px 0px 20px;
  border:1px #999999 solid;
}
  table.layout_border td {
    padding:8px;
    vertical-align:top;
    border:1px #999999 solid;
  }
  table.layout_border .item {
    font-weight:bold;
    text-align:center;
    background-color:#f1f1f6;
  }
  table.layout_border .menu {
    font-weight:bold;
    background-color:#f1f1f6;
  }
  table.layout_border .flow {
    color:#162072;
    font-weight:bold;
    background-color:#f1f1f6;
  }
  table.layout_border .center {
    text-align:center;
  }

ul.list_arrow {
  margin:20px 20px 0px 20px;
  }
  ul.list_arrow li {
  padding:0px 0px 5px 15px;
  background:url('images/icon_arrow.jpg') 0px 4px no-repeat;
  }

/*  --- fix related --- */
/* to fix clear flot */
.clearfix:after {
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
  clear:both;
}
.clearfix {
  display:inline-block;
}
.clearfix {
  display:block;
  }
/* Mac IE \*//*/
.clearfix {
  overflow:hidden;
}
/* */  
  
/* fix to make png transparent in IE6 */
* html .iepngfix {
  behavior: expression(IEPNGFIX.fix(this));
}

div#top_word {
  width:556px;
  height:0px;
  padding-top:95px;
  background:url('images/top_word.jpg') no-repeat;
  overflow:hidden;
}

div#topics {
  margin-top:20px;
}
  div#topics h2 {
    width:556px;
    height:0px;
    padding-top:39px;
    background:url('images/top_topics.jpg') no-repeat;
    overflow:hidden;
  }
div#topics_list {
  width:555px;
  height:130px;
  overflow:auto;
  border-left:1px #dcdcdc solid;
  border-right:1px #dcdcdc solid;
  border-bottom:1px #dcdcdc solid;
  margin:0px 0px 0px 0px;
  scrollbar-track-color: #f0f0f0;
  scrollbar-face-color: #ffffff;
  scrollbar-shadow-color: #ffffff;
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #dcdcdc;
  scrollbar-arrow-color: #000000;
}
  div#topics_list table {
    width:400px;
    margin-top:10px;
  }
    div#topics_list table td {
      padding:3px 8px;
      vertical-align:top;
    }
    div#topics_list table td.info {
      font-weight:normal;
      background:url('images/icon_topics.jpg') 0px 9px no-repeat;
    }

h2#top_greeding {
    width:556px;
    margin-top:20px;
    height:0px;
    padding-top:39px;
    background:url('images/top_greeding.jpg') no-repeat;
    overflow:hidden;
  }
  
div#top_group {
  margin-top:30px;
  padding:10px 0px 10px 15px;
  background-color:#f5f5f5;
}
  div#top_group h2 {
    height:0px;
    padding-top:12px;
    background:url('images/top_group.jpg') no-repeat;
    overflow:hidden;
  }
  div#top_group ul {
    margin-top:10px;
  }
  div#top_group ul li {
    display:inline;
    margin-right:17px;
  }