/*   
Theme Name: StarLandPC
Description: スターランドＰＣ
Author: ecreate
*/
@charset "utf-8";
/* CSS Document */

* {
/*border:none;*/
margin:0;
padding:0;
/*font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック","sans-serif" , "Osaka","ヒラギノ角ゴ Pro W3","Arial";*/
/*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif ;*/
font-family:"ヒラギノ角ゴ Pro W3", メイリオ, Osaka, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;
font-size:14px;
line-height:150%;
}

img { border:none; }
a { color:#000; }
a:hover { color:#960; filter: alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
table { border-collapse:collapse; }

body { text-align:center; margin:0 auto; background-color:#fff; }


/*** page部分 ***/
/* page */
#page_all, #page {
	width:100%;
	height:100%;
	text-align:center;
	margin:0 auto;
	/*display:block;*/		/* 背景グラデーション用の#page_backの画像を最後まで表示させる */
}
#page_all { height:auto; background-color:#fef6af;clear:both;  }
#page { width:900px; background-color:#FFF; display:block; }


/* ヘッダー */
#header {
	width:100%;
	height:150px;
	float:left;
	text-align:left;
	margin-top:10px;
	clear:both;
}

h1 {
	width:99%;
	/*height:30px;*/
	font-size:11px;
	font-weight:normal;
	margin-left:8px;
}
.logo {
	width:410px;
	height:100px;
	float:left;
}
.h_dial {
	width:180px;
	height:45px;
	float:right;
	margin-top:38px;
}

/* トップイメージ */
.topimg, .topimg2 {
	width:900px;
	height:400px;
	text-align:center;
	margin:0 auto;
	clear:both;
}
.topimg2 { height:160px; }

.topimg { background:url(./image/topimg_bg.jpg) no-repeat; position:relative; }
.topimg img, .topimg p {
    position:absolute;
}
 
/* 画像は全て透明にしておく */
.topimg img{
    opacity: 0;
    -moz-opacity: 0; /*for Firefox*/
    filter: alpha(opacity=0); /*for IE*/
}

/* メニュー */
#menu_style {
	width:100%;
	height:40px;
	clear:both;
}
.menu { width:auto;	float:left; }


/* サイドメニュー */
#sidebar {
	width:225px;
	height:100%;
	float:left;
	margin:15px 0;
}
#navs_style {
	width:100%;
	height:100%;
	background:url(./image/navs_bg.jpg) repeat top left;
	overflow:hidden;
	display:block;
	clear:both;
}
.side_banner { width:auto; height:auto; margin:0 auto; clear:both; }

.navs_midasi { height:47px; background:url(./image/navs_midasi.jpg) no-repeat; clear:both; }
.navs_bg {
	width:200px;
	height:100%;
	text-align:center;
	margin:10px auto;
	background-color:#FFF;
	padding:8px 0 3px 10px;
	/*display:block;*/
	overflow:hidden;
}
.navs_title, .current {
	width:95%;
	float:left;
	text-align:left;
	margin:0 0 5px 0;
}
.current { color:#090; font-size:16px; }
.navs_title a, .current a { text-decoration:none; color:#000; font-size:16px; }
.current a { color:#090; }
.navs {
	width:90%;
	float:left;
	text-align:left;
	margin:0 0 8px 24px;
}
.navs a { text-decoration:underline; line-height:170%; }


/* フッター */
#footer {
	width:100%;
	height:80px;
	background-color:#000;
	margin-top:20px;
	color:#eee;
	clear:both;
}
.ft_left {
	width:37%;
	float:left;
	text-align:left;
	margin:14px 0 0 12px;
}
.ft_right {
	width:59%;
	float:right;
	text-align:right;
	margin:14px 12px 0 0;
}
.copyright { text-align:right; font-size:11px; margin-top:3px; }
.ft_right a, .copyright a { color:#eee; text-decoration:none; font-size:13px; }
.copyright a { font-size:11px; }

/*** page部分終了 ***/


/*** 共通部 ***/
#content, #content2 {
	width:650px;
	height:100%;
	float:right;
	margin-top:15px;
}
#content2 table { margin-bottom:20px; }
#content2 th, #content2 td { padding:5px; }

#yohaku10 { height:10px; clear:both; }
#yohaku20 { height:20px; clear:both; }

#cn_all, #midasi, #cn_all_border, .cn_all2, #cn_90, #co_90, #co_90_2, #wh_all, #in_90 {
	width:100%;
	height:auto;
	float:left;
	text-align:left;
	clear:both;
}
#midasi { margin-bottom:8px; }
#midasi a:hover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }
#cn_all_border { width:648px; border:1px solid #CCC; }

.cn_all2 { width:99%; float:left; margin:2px 10px 10px; }

#cn_90, #co_90, #co_90_2 { width:97%; margin-left:10px; }

/*** END 共通部 ***/



/*** トップページ ***/
.tbn_left1, .tbn_left2, .tbn_left3 { width:auto; height:161px; float:left; }
.tbn_right1, .tbn_right2 { width:auto; float:right; }
.tbn_left3 { margin-left:9px; }

.t_tomaker { width:96%; float:left; }
.t_tomaker td { padding-right:32px; }

.t_ylink_l { width:85px; height:48px; float:left; }
.t_ylink_r { width:80%; height:20px; float:left; margin:14px 0 0 20px; }
.t_ylink_r td { padding-right:28px; }


/*** インフォメーション ***/
#wh_all li {
	background:url(./image/icon_star.jpg) no-repeat;
	background-position:0 3px;
	list-style:none;
	vertical-align:top;
	border-bottom:1px dashed #CCC;
	margin-bottom:8px;
	padding:0 0 8px 16px;
}
li {
	list-style:none;
	background:url(./image/icon_star.jpg) no-repeat;
	background-position:0 4px;
	border-bottom:1px dashed #CCC;
	margin-bottom:8px;
	padding:0 0 8px 16px;
}

/*** 商品情報 ***/
.tn_img { width:260px; height:112px; float:right; margin:0 0 10px 18px; }
.oa_left { width:210px; float:left; }
.oa_left2 { width:350px; float:left; }
.oa_right { width:400px; float:right; text-align:left; margin-top:10px; }
.oa_right2 { width:270px; float:right; text-align:right; }


/*** 会社概要 ***/
#co_90 { background:url(./image/co_chara.gif) no-repeat bottom right; }
#co_90 th, #co_90 td, #co_90_2 th, #co_90_2 td { border:1px solid #CCC; padding:5px; }


/*** 環境への取組み ***/
.en_left { width:490px; float:left; }
.en_right { width:124px; float:right; }
.en_right2 { text-align:right; }


/*** 個人情報 ***/
.pr_toiawase { width:60%; margin-left:100px; line-height:110%; }


/*** お問い合わせ ***/
#in_90 { width:90%;	margin:20px; }
#in_90 th { width:97%; background-color:#fcca2c; padding:8px; }
#in_90 td { padding:8px; }
.table_input { margin-left:3px; border:1px solid #aaa; }
.td_button { padding:6px 24px; border:1px solid #999; }
.table_input:hover, .td_button:hover { border:1px solid #666; }