@charset "utf-8";


/* ブラウザスタイルの初期化 */

* {
	margin: 0;
	padding: 0;
	color: #707864;
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.5;
	font-size: 13px;
  }

h1,h2,h3,h4 {
	font-weight: normal ;
	font-family: HiraKakuPro-W6,"ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	}

/* HGP創英角ｺﾞｼｯｸUB  */



/* 文書本体 (body) */

body {
	background: #fff;
	}


/* リンクテキスト (a) */

a:link {
	color: #707864;  /* #0077cc */
	text-decoration: none;
	}
a:visited {
	color: #707864;
	text-decoration: none;
	}
a:hover {
	color: #ff0000;
	text-decoration: underline;
	}

a:active {
	color: #ff0000;
	text-decoration: underline;
	}

/* リンクテキスト テキスト内 */


a:link.intext {
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid #DF2F2F;
	}

a:visited.intext {
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid #DF2F2F;
	}

a:hover.intext {
	color: #ff0000;  /* #0077cc */
	text-decoration: none;
	font-weight: normal;
	}
	
a:active.intext {
	color: #ff0000;
	text-decoration: none;
	font-weight: normal;
	}


/* 画像 (img) */

img {
	border: 0;
	}


/* 汎用クラス */

span.uppercase {
	text-transform: uppercase;
	font-size: 10px;
	}


#NoFlash {
	width: 860px;
	margin: 0 auto;
	text-align: center;
	}

#NoFlash p {
	padding: 40px 0 20px 0 ;
	
	}

#flashcontent {
	width: 860px;
	margin: 0 auto;
	text-align: center;
	}

#flashcontent h4{
	margin: 10px 0;
	}

#flashcontent p{
	margin-bottom: 30px;
	}





/* #header */

h1#logo {
	float: left;
	display: inline;  /*  IE6用 */
	height: 34px;
	width: 295px;
	}    
	
h1#page-copy {
	display: inline; 
	height: 34px;
	font-size: 13px;　　/* Mac別でサイズ指定 */
	}

#header h2#page-copy {
	display: inline; 
	height: 34px;
	font-size: 13px;　　/* Mac別でサイズ指定 */
	}

#header h2#catch {
	clear: both;
	float: left;
	display: inline;  /*  IE6用 */
	line-height: 0;      
	}    
	
	
/* #nav-main */

#nav-main {
	position: absolute;
	top:105px; left:0px; 
	clear: both;
	width: 860px;
	height: 27px;
	background: url(../common_images/border_gray_860_3.gif) no-repeat bottom left;
	}

#nav-main-inner h2 {  　/* ユーザー支援 */
	height:0px;
	text-indent: -9999px;
	font-size: 0px;
	}	

#nav-main-inner {
	background: url(../common_images/bttn_menu_57.jpg) no-repeat center left;
	padding: 0 0 0 62px;
	height: 19px;
	}

#nav-main-inner ul {
	list-style: none;
	height: 17px;	
	}

#nav-main-inner ul li {
	float: left;
	display: inline;  /*  IE6用 */
	}


/* #nav-local */

#nav-local {
	clear: both;
	width: 860px;
	height: 19px;
	}

*+html #nav-local {
	padding-top: 5px;  /*  IE7用 */
	}	

#nav-local h2 {  　/* ユーザー支援 */
	height: 0; 
	text-indent: -9999px;
	font-size: 0px;
	}	

#nav-local-inner {
	padding: 3px 0 0 0px;
	height: 19px;
	}

#nav-local-inner ul {
	list-style: none;
	height: 13px;	
	}

#nav-local-inner ul li {
	float: left;
	display: inline;  /*  IE6用 */
	}


/* #container */
	
#container {
	margin-top: 110px;  /*  複数ページ見て調節必要 */
	clear: both;
	width: 860px;
	}


#creative-tree-flash {
	width: 830px;
	margin: 155px 0 30px 0px ;  /* 15px */
	}

*html #creative-tree-flash { /*  IE6用 */
	width: 830px;
	margin: 40px 0 30px 15px ;
	}


*+html #creative-tree-flash {
	padding-top: 55px;　/* IE7用　*/
	margin-top: 1px;
	}	

#creative-tree-menu {
	clear: both;
	float: left;
	display: inline;  /*  IE6用 */
	width: 286px;
	}

#creative-tree-menu h3{ 
	font-size: 12px;
	float: left;
	display: inline;  /*  IE6用 */
	margin: 0px 0px 0 30px;
	padding: 0 28px 0 14px;
	background: url(../common_images/mark_sq_10_10.gif) no-repeat center left;
	}

#creative-tree-menu ul{
	float: left;
	display: inline;  /*  IE6用 */
	list-style: url(../common_images/mark_arrow_8_9.gif) ;
	}

#creative-tree-menu li{
	font-size: 12px;
	padding: 0 0 0 0px;
	}	
	
#printing-tree-menu {
	float: left;
	display: inline;  /*  IE6用 */
	width: 286px;
	}

#printing-tree-menu h3{ 
	font-size: 12px;
	float: left;
	display: inline;  /*  IE6用 */
	margin: 0px 0px 0 40px;
	padding: 0 28px 0 14px;
	background: url(../common_images/mark_sq_10_10.gif) no-repeat center left;
	}

#printing-tree-menu ul{
	float: left;
	display: inline;  /*  IE6用 */
	list-style: url(../common_images/mark_arrow_8_9.gif);
	}

#printing-tree-menu li{
	font-size: 12px;
	padding: 0 0 0 0px;
	}

#web-tree-menu {
	float: left;
	display: inline;  /*  IE6用 */
	width: 286px;
	}
	
#web-tree-menu h3{ 
	font-size: 12px;
	float: left;
	display: inline;  /*  IE6用 */
	margin: 0 0 0 5px;
	padding: 0 28px 0 14px;
	background: url(../common_images/mark_sq_10_10.gif) no-repeat center left;
	}
  
#web-tree-menu ul{
	float: left;
	display: inline;  /*  IE6用 */
	list-style: url(../common_images/mark_arrow_8_9.gif);
	}

#web-tree-menu li{
	font-size: 12px;
	padding: 0 0 0 0px;
	}

#creative-summary {
	margin-top: 200px;
	line-height: 0; 
	clear: both;
	background: url(../images/bg_creative_860.jpg) no-repeat;
	background-position : 0px 91px ;	
	}	

*html #creative-summary {
	margin-top: 45px;
	line-height: 0; 
	clear: both;
	background: url(../images/bg_creative_860.jpg) no-repeat;
	background-position : 0px 91px ;	
	}	

	
#creative-summary .text-box {
	font-size: small;
	padding: 205px 0 0px 30px;
	letter-spacing: 0.03em;
	}
	
#creative-anchor {
	position: relative;
	top: -50px;
	left: 740px;
	}

#printing-summary {
	margin-top: 60px;
	line-height: 0; 
	clear: both;
	background: url(../images/bg_printing_860.jpg) no-repeat;
	background-position : 0px 91px ;	
	}	


	
#printing-summary .text-box {
	font-size: small;
	padding: 231px 0 0px 30px;
	letter-spacing: 0.05em;
	height: auto;
	}

#web-summary {
    margin-top: 60px;
	line-height: 0; 
	clear: both;
	background: url(../images/bg_web_860.jpg) no-repeat;
	background-position : 0px 91px ;	
	}	
	
#web-summary .text-box {
	font-size: small;
	padding: 231px 0 0px 30px;
	letter-spacing: 0.1em;
	}
	
#web-anchor {
	margin: 0 0 20px 797px; 
	}

							
#absolute {
	position: absolute;
	top: 108px;
	left: 860px;
	}
 
					
#nav-tab {
	margin-top: 25px;
	}

#video {
	margin-top: 12px;
	}

#mlpl {
	margin-top: 12px;
	}

	
/* フッター (div#footer) */	
#footer {
	clear: both;
	width: 860px;
	background: url(../common_images/border_gray_860_3.gif) no-repeat left top;
	height: 100px;
	}		
	
#footer-nav {
	float: left;
	display: inline;  /*  IE6用 */
	}

#footer-nav h2 {  　/* ユーザー支援 */
	height: 0px;
	text-indent: -9999px;
	font-size: 0px;

	}	

#footer-nav ul  {
	padding: 10px 0 20px 12px;
	list-style: none;
	}

#footer-nav ul li {
	font-size: 12px; /* Mac別でサイズ指定 */
	padding: 0 13px 0 0 ;
	float: left;
	display: inline;  /*  IE6用 */
	}

#footer-nav ul li a {
	font-size: 12px; /* Mac別でサイズ指定 */
	}

address {
	width: 335px;
	margin-top: 1px;
	float: right;
	display: inline;  /*  IE6用 */
	text-align: right;
	padding: 14px 7px 0 0;
	font-size: 10px;
	font-style: normal;
	}