@charset "utf-8";

/*======================================

	2-1. メインコンテナ

=======================================*/

body {
	text-align: center; /* for WinIE ボックスのセンタリング */
}

#movable {
	position: absolute;
	bottom: 0;
	width: 155px;
}

div#header,
div#footer, {
	margin: 0 auto;
	width: 932px;
	text-align: left; /* インラインの中央揃えを左寄せにリセット */
}

div#mainContainer {
	display: block;
	width: 980px;
	height: 231px;
	background-image: url(../img/share/main-img.jpg); 
}

div#siteID {
	position: absolute;
	top: 25px;
	left: 0;
	padding-top: 20px;
}
div#seo {
	margin: 35px auto 10px;
	width: 960px;
	font-size: 11px;
	text-align: left;
	clear: both;
}

div#seo a:link {
	color:#990000;
	font-size: 13px;
	font-weight: bold;
}

div#seo a:visited {
	color:#990000;
	font-size: 13px;
	font-weight: bold;
}

div#mainbox {
	margin : 3px 0 10px 0;
	width: 100%;
	height: 301px;
	background-color: #000;
}

div#mainbox-inner {
	margin: 0 auto;
	width: 960px;
}
div#slide {
	float: left;
	width: 155px;
	height: 500px;
}

div#content:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

div#content {
  min-height: 1px;
}

* html div#content {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

div#flashArea {
	float: left;
	width: 727px;
}

div#item {
	margin-top: 10px;
	float: right;
	width: 223px;
}
div#item img {
	margin: 5px 0 5px 0;
}

div#topicPath {
	margin: 0 auto;
	padding: 0 2px;
	width: 956px;
	text-align: left;
	font-size:10px;
}





#wrap_introduction {
	margin-top: 10px;
	width:730px;
}

#wrap_introduction ul {
	text-align: left;
}

#wrap_introduction ul#intro1 li {
	margin: 5px 10px 5px 0;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg.gif) top left no-repeat;
}
*html #wrap_introduction ul#intro1 li {
	margin: 5px 5px 5px 0;
	padding: 15px;
	display: block;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg.gif) top left no-repeat;
}

#wrap_introduction ul#intro1 li#in1 {
	padding: 15px;
	display: block;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg-wedding.gif) top left no-repeat;
}

#wrap_introduction ul#intro1 li#in2 {
	padding: 15px;
	display: block;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg-memorial.gif) top left no-repeat;
}

#wrap_introduction ul#intro1 li#in3 {
	padding: 15px;
	display: block;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg-photo.gif) top left no-repeat;
}

#wrap_introduction ul#intro1 li#in4 {
	padding: 15px;
	display: block;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg-slide.gif) top left no-repeat;
}

#wrap_introduction ul#intro1 li#in5 {
	padding: 15px;
	display: block;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg-mediacopy.gif) top left no-repeat;
}

#wrap_introduction ul#intro1 li#in6 {
	padding: 15px;
	display: block;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg-bridalcomic.jpg) top left no-repeat;
}




#wrap_introduction ul#intro2 li {
	margin: 5px 3px;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg.gif) top left no-repeat;
}

#wrap_introduction ul#intro2 li#in1 {
	margin: 5px 10px 5px 0;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg2-photo.gif) top left no-repeat;
}

#wrap_introduction ul#intro2 li#in2 {
	margin: 5px 10px 5px 0;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg2-slide.gif) top left no-repeat;
}

#wrap_introduction ul#intro2 li#in3 {
	margin: 5px 10px 5px 0;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg2-data.gif) top left no-repeat;
}

#wrap_introduction ul#intro2 li#in4 {
	margin: 5px 10px 5px 0;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg2-video.gif) top left no-repeat;
}

#wrap_introduction ul#intro2 li#in5 {
	margin: 5px 10px 5px 0;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg2-dtp.gif) top left no-repeat;
}

#wrap_introduction ul#intro2 li#in6 {
	margin: 5px 10px 5px 0;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg2-web.gif) top left no-repeat;
}

#wrap_introduction ul#intro2 li#in7 {
	margin: 5px 10px 5px 0;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg2-document.gif) top left no-repeat;
}
#wrap_introduction ul#intro2 li#in8 {
	margin: 5px 10px 5px 0;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg2-business-card.gif) top left no-repeat;
}

#wrap_introduction ul#intro2 li#in9 {
	margin: 5px 10px 5px 0;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg2-seminar.gif) top left no-repeat;
}

#wrap_introduction ul#intro2 li#in10 {
	margin: 5px 10px 5px 0;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg2-pa.gif) top left no-repeat;
}

#wrap_introduction ul#intro2 li#in11{
	margin: 5px 10px 5px 0;
	padding: 15px;
	display: block;
	width: 200px;
	height: 150px;
	float: left;
	background: url(../survice/img/intro-bg-recruitl.jpg) top left no-repeat;
}

#wrap_introduction ul li h2 {
	margin: 0;
	font-size: 11px;
	color:#666;
	font-weight: bold;
	text-indent: -9999px;
}

#wrap_introduction ul li p {
	margin:25px 0 8px;
	line-height: 1.5;
	font-size: 12px;
	color: #666;
}

#wrap_introduction ul#intro2 li#in11 a{
	display:block;
	width:200px;
	height:150px;
}
#wrap_introduction ul#intro2 li#in11 a:hover{
	text-decoration:none;
}

#wrap_introduction ul#intro2 li#in11 a:hover p{
	text-decoration:underline;
}
	
*html #wrap_introduction{ margin-top:10px;}
*:first-child+html #wrap_introduction{margin-top:10px;}/*IE7*/


/*======================================

	2-2. div#header

=======================================*/

div#header {
	width: 100%;
	height: 111px;
	background: url(../common/header-bg.gif) repeat-x;
	text-align: center;
}

div#header-inner {
	position: relative;
	margin: 0 auto;
	width: 960px;
	height: 111px;
	background: url(../common/header-btn-bg.gif) no-repeat;
}


/*--------------------------------------

	divtopNavi (トップナビ)

---------------------------------------*/

ul#topNavi {
	margin: 0 8px;
	padding: 5px 0 0 0;
	position: absolute;
	top: 80px;
	left: 245px;
	width: 800px;
}

ul#topNavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul#topNavi li {
	float: left;
	list-style-type: none;
	font-size: 12px;
	text-align: left;
}
ul#topNavi li h2{
	font-size: 12px;
	text-align: center;
}
ul#topNavi li a {
	color: #fff;
	border: none;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

ul#topNavi li a:hover {
	color: #999;
	border: none;
	text-decoration: underline;
	display: block;
	font-weight: bold;
}


ul#topNavi li#tm1 a {
	width: 145px;
}

ul#topNavi li#tm1 a:hover {
}

ul#topNavi li#tm2 a {
	width: 125px;
}

ul#topNavi li#tm2 a:hover {

}

ul#topNavi li#tm3 a {
	width: 115px;
}
ul#topNavi li#tm3 a:hover {
}

ul#topNavi li#tm4 a {
	width: 70px;
}

ul#topNavi li#tm4 a:hover {
}

ul#topNavi li#tm5 a {
	width: 87px;
}

ul#topNavi li#tm5 a:hover {
}

ul#topNavi li#tm6 a {
	width: 69px;
}

ul#topNavi li#tm6 a:hover {
}

ul#topNavi li#tm7 a {
	width: 70px;
}
ul#topNavi li#tm7 a:hover {
}

ul#topNavi li#tm8 a {
	width: 30px;
}
ul#topNavi li#tm8 a:hover {
}


ul#utility,#tel-header {
	position: absolute;
	right: 0px;
}

ul#utility:after, #tel-header:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#tel-header{
	margin:0;
	padding:0;
	top: 10px;
	width: 235px;
	/*border:#FF0000 1px solid;*/
}

ul#utility{
	margin: 10px 8px;
	padding:0;
	top: 40px;
	width: 305px;
}




ul#utility li {
	margin-left: 15px;
	float: left;
	list-style-type: none;
	font-size: 12px;
	text-align: left;
}

ul#utility li {
	line-height:1.8em;
	list-style:none;
	text-decoration:none;
	background-image: url(../common/arrows-2.png);
	background-repeat:no-repeat;
	background-position: 0px 50%;
	padding-left: 15px;
}
ul#utility li a:link {
	color: #ccc;
	font-size: 11px;
	border: none;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

ul#utility li a:visited {
	color: #ccc;
	font-size: 11px;
	border: none;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

ul#utility li a:hover {
	color: #ccc;
	font-size: 11px;
	border: none;
	display: block;
	font-weight: bold;
	text-decoration: underline;
}
/*--------------------------------------

	div#globalNavi (グローバルナビ)

---------------------------------------*/




ul#globalNavi {
	margin: 0 auto;
	padding: 5px 0 0 0;
	width: 740px;
}

ul#globalNavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul#globalNavi li {
	border-right: solid 1px #d7d7d7;
	border-left: solid 1px #d7d7d7;
	float: left;
	list-style-type: none;
	font-size: 11px;
	text-align: center;
}

ul#globalNavi li a {
	color: #fff;
	border: none;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

ul#globalNavi li#gm1 a {
	width: 140px;
	background: url(../img/share/t1.gif) top left no-repeat;
}

ul#globalNavi li#gm1 a:hover {
}

ul#globalNavi li#gm2 a {
	width: 120px;
}

ul#globalNavi li#gm2 a:hover {

}

ul#globalNavi li#gm3 a {
	width: 115px;
}
ul#globalNavi li#gm3 a:hover {
}

ul#globalNavi li#gm4 a {
	width: 70px;
}

ul#globalNavi li#gm4 a:hover {
}

ul#globalNavi li#gm5 a {
	width: 80px;
}

ul#globalNavi li#gm5 a:hover {
}

ul#globalNavi li#gm6 a {
	width: 70px;
}

ul#globalNavi li#gm6 a:hover {
}

ul#globalNavi li#gm7 a {
	width: 70px;
}
ul#globalNavi li#gm7 a:hover {
}

ul#globalNavi li#gm8 a {
	width: 40px;
}
ul#globalNavi li#gm8 a:hover {
}

ul#globalNavi li.current a {
	color: #fff;
	background-color: #f68521;
}





/*--------------------------------------

	ul#sideNavi (サイドナビ)

---------------------------------------*/


ul#subNavi {
	margin: 0;
	padding: 0;
	width: 224px;
}

*html ul#subNavi {
	margin: 0;
	padding: 0;
	width: 198px;
}

ul#subNavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul#subNavi li {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size: 11px;
	text-align: left;
}

ul#subNavi li a {
	margin: 0;
	padding: 7px 0 0 20px;
	display: block;
	width: 200px;
	height: 22px;
	color: #666;
	background: url(../common/side-menu-bg.gif) top left no-repeat;
	font-weight: bold;
	text-decoration: none;
}


ul#subNavi li a:hover {
	width: 198px;
	color: #fff;
	background: url(../common/side-menu-bgon.gif) top left no-repeat;
	text-decoration: none;
}
ul#subNavi li.current a {
	width: 198px;
	color: #fff;
	background: url(../common/side-menu-bgon.gif) top left no-repeat;
}

ul#subNavi li#gm1 a {
	background: url(../img/share/t1.gif) top left no-repeat;
}

ul#subNavi li#gm1 a:hover {
}

ul#sideNavi li#gm2 a {
	width: 120px;
}

ul#globalNavi li#gm2 a:hover {

}

ul#globalNavi li#gm3 a {
	width: 115px;
}
ul#globalNavi li#gm3 a:hover {
}

ul#globalNavi li#gm4 a {
	width: 70px;
}

ul#globalNavi li#gm4 a:hover {
}

ul#globalNavi li#gm5 a {
	width: 80px;
}

ul#globalNavi li#gm5 a:hover {
}

ul#globalNavi li#gm6 a {
	width: 70px;
}

ul#globalNavi li#gm6 a:hover {
}

ul#globalNavi li#gm7 a {
	width: 70px;
}
ul#globalNavi li#gm7 a:hover {
}

ul#globalNavi li#gm8 a {
	width: 40px;
}
ul#globalNavi li#gm8 a:hover {
}

ul#globalNavi li.current a {
	color: #fff;
	background-color: #f68521;
}



/*======================================

	2-3. div#content

=======================================*/

div#content {
	position: relative;
	margin: 10px auto;
	padding-bottom: 0.4em;
	width: 960px;
	text-align: center;
}

div#content:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.img-wrap:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.img-wrap { display: inline-block; }
/* exlude MacIE5 \*/
* html .img-wrap { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */
	

/*--------------------------------------

　2-3-1. div#main (メインカラム)

---------------------------------------*/

div#main {
	margin: 0 auto;
	float: left;
	width: 730px;
}

div#main a {
	cursor:pointer;
}

div#main div.section {
	margin: 5px 5px 5px 3px;
	padding: 10px 2px 0 2px;
	float: left;
	width: 230px;
	height: 90px;
	background-image: url(../img/topic-bg.gif);
}

div#main div.section h2 {
	margin: 3px 0.5em 5px;
	font-size: 14px;
	font-weight: bold;
	color: #295061;
	text-align: left;
}

div#main div.section p {
	margin: 2px 0.5em;
	font-size: 11px;
	color: #666;
	text-align: left;
	line-height: 1.4;
}

div#main div.section p {
	margin: 2px 0.5em;
	font-size: 11px;
	text-align: left;
	line-height: 1.4;
}

div#main div.section img {
	margin: 0 2px 0 0;
	font-size: 11px;
	text-align: left;
	line-height: 1.3;
}

div#content-innr {
	margin: 0 auto;
	width: 400px;
	clear: both;
}

div#column {
	margin-bottom: 10px;
	width: 730px;
}

div#column:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*--------------------------------------

　2-3-1. div#sideNavi (サイドナビ)

---------------------------------------*/

div#sideNavi {
	float: right;
	width: 223px;
}

div#sideNavi img {
	margin: 0 0 5px 0;
	padding: 0;
}

div#sideNavi-inner {
	margin: 0 0 10px 0;
	padding: 0;
	width: 218px;
	border: #CCCCCC 3px solid;
}

* html div#sideNavi-inner {
	margin: 0 0 10px 0;
	padding: 0;
	width: 210px;
	border: #CCCCCC 3px solid;
}
	
div#sideNavi h3 {
	margin: 0;
	padding: 0;
	width: 218px;
	height: 48px;
	background-image: none;
}


/*======================================

	2-4. div#footer

=======================================*/

div#footer {
	width: 100%;
	background: url(../common/footer-bg.gif) top left;
	font-size: 11px;
	text-align: center;
	clear: both;
}
div#footer-inner {
	width: 940px;
	margin: 0 auto;
	padding: 15px 0 20px 0;
}

ul#sNavi {
	padding: 5px 0 0 0;
	display: block;
	height: 50px;
	text-align: center;
}

ul#sNavi:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

ul#sNavi li {
	border-right: solid 1px #d7d7d7;
	border-left: solid 1px #d7d7d7;
	float: left;
	list-style-type: none;
	font-size: 11px;
	text-align: center;
}

ul#sNavi li a {
	margin: 0 15px;
	color: #666;
	border: none;
	display: block;
	font-weight: bold;
	text-decoration: none;
}

ul#sNavi li a:hover {
	text-decoration: underline;
}