@charset "Shift_JIS";

/*初期化*/
*{
	position:static;
	margin:0px;
	padding:0px;
	border:0px;
	font-size:100%}
body{
	color:#999;
	background-color:#fff;
	background-image:url(images/common_bg.png);
	background-repeat:repeat-x;
	font-size:9pt;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif;
	text-align:center}
strong{
	font-weight:bold}
ul{
	list-style-type:none}
a{
	text-decoration:none}

/*コンテナ*/
div#container{
	width:770px;
	margin:0px auto;
	text-align:left}

/*ヘッダー*/
div#header{
	width:770px;
	height:147px}

/*ヘッダー - タイトル*/
div#header h1{
	width:362px;
	height:147px;
	background-image:url(images/common_title.png);
	float:left}
* html h1.nbpng{
	behavior:expression(IEPNGFIX.fix(this))}
div#header h1 a{
	width:362px;
	height:147px;
	text-indent:-1000em;
	display:block;
	/*\*/
	overflow:hidden;
	/**/}

/*ヘッダー - サイト説明*/
div#info{
	width:408px;
	height:147px;
	background-image:url(images/common_header.png);
	float:left}
div#info p{
	text-indent:-1000em;
	/*\*/
	overflow:hidden;
	/**/}
* html div.nbpng{
	behavior:expression(IEPNGFIX.fix(this))}

/*ヘッダー - 注文ボタン*/
p#order{
	position:relative;
	text-align:right;
	clear:both}
p#order img{
	position:absolute;
	display:block;
	top:-136px;
	right:2px}
* html img.nbpng{
	behavior:expression(IEPNGFIX.fix(this))}

/*メイン*/
div#main{
	width:770px;
	clear:left}

/*コンテンツ # 中身のCSSは各ページ別*/
div#contents{
	width:530px;
	float:right}

/*コンテンツ - テックス連絡先*/
div#contact{
	padding:0px 0px 20px 0px;
	width:530px;
	clear:right}
div#contact p{
	padding:0px 0px 0px 12px;
	font-size:8pt;
	line-height:1.3}
div#contact p a{
	color:#f0375c;
	text-decoration:underline}

/*左メニュー*/
div#menu{
	width:240px;
	float:right}
div#menubk{
	padding:96px 0px 0px 24px;
	color:#b88;
	background-image:url(images/common_menubk.png)}

/*左メニュー - 見出し*/
h4{
	width:194px;
	height:24px;
	cursor:pointer;
	display:block;
	text-indent:-1000em;
	/*\*/
	overflow:hidden;
	/**/}
* html h4{
	behavior:expression(IEPNGFIX.fix(this))}
h4.dvd{
	background-image:url(images/menu_h4_01.png)}
h4.video{
	background-image:url(images/menu_h4_02.png)}
h4.edit{
	background-image:url(images/menu_h4_03.png)}
h4.slidep{
	background-image:url(images/menu_h4_04.png)}
h4.package{
	background-image:url(images/menu_h4_05.png)}
h4.happy{
	background-image:url(images/menu_h4_06.png)}
h4.pet{
	background-image:url(images/menu_h4_07.png)}
h4.dvdpack{
	background-image:url(images/menu_h4_08.png)}

/*左メニュー - 各サービスへのリンク*/
ul.service{
	padding:10px 0px 10px 0px;
	line-height:1.5}
ul.service li{
	margin:0px 0px 0px 9px}
div#menubk a{
	color:#812c3d}
div#menubk a:hover{
	color:#f0375c;
	text-decoration:underline}
ul.formlink{
	padding:40px 0px 10px 0px;
	line-height:1.5}
ul.notes{
	padding:6px 0px 10px 0px;
	line-height:1.5}
		
div.qr{
	width:194px;
	height:61px; /*49 + 12*/
	background-image:url(images/qr_code.jpg);
	background-repeat:no-repeat}
div.qr p.txt{
	padding:5px 0px 0px 55px;
	color:#999;
	font-size:8pt;
	line-height:1.3}
div.qr p.add{
	padding:5px 0px 0px 3px;
	color:#812c3d;
	font-size:7.5pt}


div.menubk2{
	width:240px;
	height:111px;
	background-image:url(images/common_menubk2.png)}
div.menubk2 a{
	width:240px;
	height:111px;
	text-indent:-1000em;
	display:block;
	/*\*/
	overflow:hidden;
	/**/}

div.menubk3{
	width:240px;
	height:93px;
	background-image:url(images/common_menubk3-test.png)}
div.menubk3 a{
	width:240px;
	height:93px;
	text-indent:-1000em;
	display:block;
	/*\*/
	overflow:hidden;
	/**/}

div.menubk4{
	width:240px;
	height:161px;
	background-image:url(images/common_menubk4.png)}
div.menubk4 a{
	width:240px;
	height:161px;
	text-indent:-1000em;
	display:block;
	/*\*/
	overflow:hidden;
	/**/}


ul.social{ margin-top:10px; }
ul.social li{float:left; margin-right:5px; }

/*フッター*/
div#footer{
	width:770px;
	clear:right}

/*フッター - テックス各サイト*/
div#footer div.sites{
	width:231px;
	height:95px;
	float:left;
	display:block;
	/*\*/
	overflow:hidden;
	/**/}
div#footer div.sites p{
	text-indent:-1000em}
div#footer div.sites h5 a{
	width:231px;
	height:95px;
	text-indent:-1000em;
	display:block}
div#footer div.product{
	background-image:url(images/common_h5_01.png)}
div#footer div.media{
	background-image:url(images/common_h5_02.png)}
div#footer div.visual{
	background-image:url(images/common_h5_03.png)}

/*フッター - テックスロゴ*/
div#footer div.techs{
	width:77px;
	height:95px;
	float:left;
	display:block;
	/*\*/
	overflow:hidden;
	/**/
	background-image:url(images/common_h6_01.png)}
div#footer div.techs h6 a{
	width:77px;
	height:95px;
	text-indent:-1000em;
	display:block}

/*フッター - コピーライト*/
div#footer div#copyright{
	padding:10px 0px 20px 0px;
	width:770px;
	clear:both}
div#footer div#copyright p.jp{
	padding:10px 0px 10px 10px;
	font-size:8pt;
	line-height:1.2}
div#footer div#copyright p.en{
	font-size:7pt;
	font-family:"Verdana","Helvetica","Arial",sans-serif;
	text-align:center}
div#footer div#copyright p a{
	color:#f0375c;
	text-decoration:underline}
	
	
/************************************************************************/
/*　ClearFix 　 　　　　　　　　　　　　　　　　　　　　　　　　　　　　*/
/************************************************************************/
/*** IE以外のブラウザ対策 ***/
.clearfix:after
{ 
	content:"."; 
	display:block; 
	height:0px; 
	clear:both; 
	visibility:hidden; 
} 
/*** IE対策 ***/
.clearfix
{
	zoom:100%;
}

.floatL { float:left; }
.floatR { float:right; }

div.linesp{	margin:0px 10px 30px 10px;
	border-bottom:dashed 1px #a5a5a5;}