@charset "shift_jis";



body {
	text-align: center;
	font: 75%/2  "ＭＳ Ｐゴシック", "Osaka", "ヒラギノ角ゴ Pro W3","メイリオ",;
	background: #ffffff;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

h1,h2,h3,p,ul,li,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

.color1 {
	color: #ffff33;
}

.mini {
	font-size: 90%;
	line-height: 1.6;
}

#main ul.listmark {
	padding: 0.5em 20px 0em 30px;
	list-style: disc;
}



/*全般のリンク設定
---------------------------------------------------------------------------*/
a {
	color: #666666;
}

a:hover {
	color: #ff0033;
}



/*コンテナー（HP全体を囲むブロック）
---------------------------------------------------------------------------*/
#container {
	background: #000000;
	text-align: left;
	width: 864px;
	margin-right: auto;
	margin-left: auto;

}



/*ヘッダー
---------------------------------------------------------------------------*/
#header {
	background-image:url(top/header_demo.jpg);
        background-repeat:no-repeat;
	width: 864px;
	height: 444px;
	position: relative;
	top: 0px;
	left: 0px;
}

#header2 {
	background-image:url(top/header_demo2.jpg);
        background-repeat:no-repeat;
	width: 864px;
	height: 445px;
	position: relative;
	top: 0px;
	left: 0px;
}

/*ロゴ画像の配置位置設定*/
#header #logo {
	position: absolute;
	top: 20px;
	right: 0px;
}

#header2 #logo {
	position: absolute;
	top: 20px;
	right: 0px;
}

/*h1タグ設定*/
#header h1 {
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	right: 10px;
	color: #000000;
}

#header2 h1 {
	font-size: 10px;
	font-weight: normal;
	position: absolute;
	right: 10px;
	color: #000000;
}


/*メインメニュー（メイン画像上のメニュー）
---------------------------------------------------------------------------*/
ul#menu{
    list-style:none;
    width:100%;	
position: absolute;
	top: 446px;
	margin-right: auto;
	margin-left: auto;

}
ul#menu li{
    list-style:none;
    float:left;
    width:144px;
}
ul#menu a{
    display:block;
    width:144px;
    height:53px;
    text-indent:-100px;
    background-image:url(top/menubutton.gif);
    text-indent: -9999px;
    overflow:hidden;
}
a:hover.top{
    background-position:-144px 0px;
}
a.top{
    background-position:0px 0px;
}
a:hover.consal{
    background-position:-144px -53px;
}
a.consal{
    background-position:0px -53px;
}
a:hover.sekou{
    background-position:-144px -106px;
}
a.sekou{
    background-position:0px -106px;
}
a:hover.press{
    background-position:-144px -159px;
}
a.press{
    background-position:0px -159px;
}

a:hover.cg{
    background-position:-144px -212px;
}
a.cg{
    background-position:0px -212px;
}

a:hover.contact{
    background-position:-144px -265px;
}
a.contact{
    background-position:0px -265px;
}

/*メインコンテンツ
---------------------------------------------------------------------------*/
#main {
	text-align:center; 
	width: 864px;
	margin-right: 10px;
	margin-top: 60px;
	padding-bottom: 10px;
        line-height : 18pt;
}


/*h2見出し設定*/
#main h2 {
	font-size: 12pt;
	color: #ffffff;
	background: url(images/h2_bg3.gif) no-repeat;
	line-height: 30px;
	margin-bottom: auto;
	margin-bottom: auto;
	padding-left: 25px;
	overflow: hidden;
}

/*h3見出し設定*/
#main h3 {
	font-size: 11pt;
	color: #ffffff;
}

/*h5見出し設定*/
#main h5 {
	font-size: 120%;
	color: #ffffff;
	background: url(images/h2_bg.gif) no-repeat;
	line-height: 30px;
	height: 30px;
	padding-left: 25px;
	overflow: hidden;
}

#main p {
	padding: 0.5em 10px 2em;
        line-height: 150%
        text-align:left; 

}

/*リンク画像にカーソルがのった時の半透明設定
---------------------------------------------------------------------------------------*/
#contents a:hover img {
             filter: Alpha(opacity=80);
             opacity: 0.8; /*firefox safari*/
}


/*画像
---------------------------------------------------------------------------------------*/
.box {
	margin: 10px auto 20px;
}
.box img {
	padding: 4px;
	border: 1px solid #CCCCCC;
	margin: 2px;
}
.box td {
	vertical-align: top;
	text-align: center;
	font-size: 10px;
	padding-bottom: 0.5em;
}
.box a {
	text-decoration: none;
}
.box a:hover img {
	border: 1px solid #333333;
	filter: Alpha(opacity=70);
	opacity: 0.7;
}



             .rollover_amusment {
             width:800px;
             height:58px;
             background:url(top/amus_w2.gif) no-repeat left bottom;
}
             .rollover_amusment a {
             display:block;
             width:800px;
             height:58px;
             outline:none;
}
             .rollover_amusment a:hover {
             text-indent:-9999px;
}



/*テーブル
---------------------------------------------------------------------------*/
.ta {
	width: 800px;
	border-collapse:collapse;
	border: 1px solid #ffffff;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
}

.ta td, .ta th{
	padding: 10px 5px;
}

.ta td, .ta th{
	padding: 10px 5px;
	border: 0px solid #ffffff;
}

.ta th{
	width: 150px;
	text-align: center;
	background: #f0f5e1;
}

.ta .tamidashi{
	width: auto;
	text-align: center;
	background: #b6d365;
	color: #FFFFFF;
}

.ta2 {
	border-collapse:collapse;
	width: 850px;
	border: 0px;
        text-align:center; 
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
}

.ta2 td, .ta2 th{
	padding: 10px 5px;
	border: 0px solid #ffffff;
}

.ta3 {
	width: 856px;
	border-collapse:collapse;
        text-align:center; 
	border: 0px;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2em;
	background: #400000
}
/*フッター
---------------------------------------------------------------------------*/
#footer {
	margin-right: auto;
	margin-left: auto;
	font-size: 12px;
	border-bottom: 1px solid #ababa9;
	background: #333333;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	width: 864px;
	text-align: center;
	color: #FFFFFF;	
}


#footer a {
	color: #FFFFFF;
}

#footer a:hover {
	color: #666666;
}

/*ロールオーバー
---------------------------------------------------------------------------*/
             .rollovercome {
             width:600px;
             height:46px;
             background:url(top/n_coment.gif) no-repeat left bottom;
}
             .rollovercome a {
             display:block;
             width:600px;
             height:46px;
             outline:none;
}
             .rollovercome a:hover {
             text-indent:-9999px;
}
    
 
             .rollover_first {
             width:600px;
             height:44px;
             background:url(top/first_w.gif) no-repeat left bottom;
}
             .rollover_first a {
             display:block;
             width:600px;
             height:44px;
             outline:none;
}
             .rollover_first a:hover {
             text-indent:-9999px;
}

             .rollover_amusment {
             width:481px;
             height:235px;
             background:url(img/m_amuse2.gif) no-repeat left bottom;
}
             .rollover_amusment a {
             display:block;
             width:481px;
             height:235px;
             outline:none;
}
             .rollover_amusment a:hover {
             text-indent:-9999px;
}


             .rollover_tegami {
             width:595px;
             height:290px;
             background:url(top/tegami_w.gif) no-repeat left bottom;
}
             .rollover_tegami a {
             display:block;
             width:595px;
             height:290px;
             outline:none;
}
             .rollover_tegami a:hover {
             text-indent:-9999px;
}


             .rollover_soudan1 {
             width:600px;
             height:368px;
             background:url(img/n_soudan1.gif) no-repeat left bottom;
}
             .rollover_soudan1 a {
             display:block;
             width:600px;
             height:368px;
             outline:none;
}
             .rollover_soudan1 a:hover {
             text-indent:-9999px;
}

            .rollover_soudan3 {
             width:425px;
             height:260px;
             background:url(img/m_soudan3.gif) no-repeat left bottom;
}
             .rollover_soudan3 a {
             display:block;
             width:425px;
             height:260px;
             outline:none;
}
             .rollover_soudan3 a:hover {
             text-indent:-9999px;
}

            .rollover_soudan4 {
             width:432px;
             height:160px;
             float: left;  
             background:url(img/m_soudan4.jpg) no-repeat left bottom;
}
             .rollover_soudan4 a {
             display:block;
             width:432px;
             height:160px;
             outline:none;
             float: left; 
}
             .rollover_soudan4 a:hover {
             text-indent:-9999px;
}

            .rollover_tegami3 {
             width:425px;
             height:260px;
             background:url(img/m_tegami3.gif) no-repeat left bottom;
}
             .rollover_tegami3 a {
             display:block;
             width:425px;
             height:260px;
             outline:none;
}
             .rollover_tegami3 a:hover {
             text-indent:-9999px;
}

            .rollover_koe {
             width:432px;
             height:160px;
             background:url(img/m_koe.jpg) no-repeat left bottom;
             float: right; 
}
             .rollover_koe a {
             display:block;
             width:432px;
             height:160px;
             outline:none;
             float: right; 
}
             .rollover_koe a:hover {
             text-indent:-9999px;
}

            .rollover_lowcost {
             width:864px;
             height:155px;
             background:url(img/m_lowcost.jpg) no-repeat left bottom;
}
             .rollover_lowcost a {
             display:block;
             width:864px;
             height:155px;
             outline:none;
}
             .rollover_lowcost a:hover {
             text-indent:-9999px;
}