@charset "utf-8";

/* base
================================================ */
/* デフォルト余白削除タグ
--------------------------*/
h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
}

p, ol, ul, li, dl, dt, dd{
	margin: 0;
	padding: 0;
}

img{
	border: none;
	padding: 0;
	margin: 0;
}

form{
	margin: 0;
	padding: 0;
}

/* body
================================================ */
body {
	margin: 0;
	padding: 0;
	font-size: 12px;
	width:100%;
	position:absolute;
	text-align:center;
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	background-color: #ffffff;
	background-image: url(./images/body_back.gif);
	background-repeat: repeat-y;
	background-position: center;
	color: #555555;
}

html {
	overflow-y: scroll;
}

/* ページ背景
--------------------------*/
.wrapper {
	width: 760px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

/* リンク
--------------------------*/
a:link    {text-decoration: none; color: #0000AA;}
a:visited {text-decoration: none; color: #0000AA;}
a:hover   {text-decoration: underline; color: #0000FF;}
a:active  {text-decoration: underline; color: #0000FF;}

/* header
================================================ */

#header {
	float: left;
	background-image: url(../images/index/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 760px;
	margin: 0 auto;
	height: 185px;
}

h1 {
	width: 750px;
	color: #555555;
	text-align: right;
	padding: 5px 0px 5px 0px;
	font-size: 13px;
	font-weight: bold;
}

.fl-box {
	width: 760;
	height: 160px;
	margin: 0;
	padding: 0;
}

/* contentsレイアウト
================================================ */
.contents {
	float: left;
	width: 760px;
	padding: 10px 0;
	margin: 0;
	background-color: #ffffff;
}

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

.side {
	float: left;
	width: 190px;
	height: auto;
	margin: 0;
	vertical-align: top;
	text-align: left;
	padding: 0 0 50px 5px;
	background-image: url(./images/menu_back.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	overflow: visible;
}

.main {
	float: left;
	width: 545px;
	height: auto;
	text-align: left;
	padding: 0 0 0 10px;
	background-color: #ffffff;
}

h3 {
	clear: both;
	width: 540px;
	height: 25px;
	padding: 0;
	margin: 0;
}


/*メインメニュー
================================================ */
#navi {
	float: left;
	padding: 0;
	height: 260px;
}
#navi li {
	text-indent: -9999px;
	float: left;
	list-style: none;
}
#navi a {
	text-decoration: none;
	display: block;
	height: 26px;
	width: 190px;
}
/*メニューボタン（通常時）*/
#navi1 a { background: url(./images/menu.gif) no-repeat 0 0; }
#navi2 a { background: url(./images/menu.gif) no-repeat 0 -26px; }
#navi3 a { background: url(./images/menu.gif) no-repeat 0 -52px; }
#navi4 a { background: url(./images/menu.gif) no-repeat 0 -78px; }
#navi5 a { background: url(./images/menu.gif) no-repeat 0 -104px; }
#navi6 a { background: url(./images/menu.gif) no-repeat 0 -130px; }
#navi7 a { background: url(./images/menu.gif) no-repeat 0 -156px; }
#navi8 a { background: url(./images/menu.gif) no-repeat 0 -182px; }
#navi9 a { background: url(./images/menu.gif) no-repeat 0 -208px; }
#navi10 a { background: url(./images/menu.gif) no-repeat 0 -234px; }

/*メニューボタン（オンマウス時）*/
#navi1 a:hover { background: url(./images/menu.gif) no-repeat -190px 0; }
#navi2 a:hover { background: url(./images/menu.gif) no-repeat -190px -26px; }
#navi3 a:hover { background: url(./images/menu.gif) no-repeat -190px -52px; }
#navi4 a:hover { background: url(./images/menu.gif) no-repeat -190px -78px; }
#navi5 a:hover { background: url(./images/menu.gif) no-repeat -190px -104px; }
#navi6 a:hover { background: url(./images/menu.gif) no-repeat -190px -130px; }
#navi7 a:hover { background: url(./images/menu.gif) no-repeat -190px -156px; }
#navi8 a:hover { background: url(./images/menu.gif) no-repeat -190px -182px; }
#navi9 a:hover { background: url(./images/menu.gif) no-repeat -190px -208px; }
#navi10 a:hover { background: url(./images/menu.gif) no-repeat -190px -234px; }


/* サイドメニュー　*/

#comenu {
	float: left;
	padding: 0;
	margin: 0;
	width: 185px;
	height: 84px;
}

#comenu li {
	list-style-type: none;
	text-indent: -9999px;
	float: left;
	width: 185px;
	height: 84px;
	margin: 0;
	padding: 0;
}

#comenu a {
	text-decoration: none;
	width: 185px;
	height: 84px;
	display: block;
	margin: 0;
	padding: 0;
}

#comenu2 {
	float: left;
	padding: 0;
	margin: 0;
	width: 185px;
	height: 84px;
}

#comenu2 li {
	list-style-type: none;
	text-indent: -9999px;
	float: left;
	width: 185px;
	height: 84px;
	margin: 0;
	padding: 0;
}

#comenu2 a {
	text-decoration: none;
	width: 185px;
	height: 84px;
	display: block;
	margin: 0;
	padding: 0;
}
/* フィルム施工事例 */

#bn_cf a{
	background-image: url(./images/bn_cf-jirei_n.jpg);
	background-repeat : no-repeat ;
}
#bn_cf a:hover {
	background-image: url(./images/bn_cf-jirei_o.jpg);
	background-repeat : no-repeat ;
}

/* バイナルグラフィックス施工事例*/

#bn_vn a {
	background-image: url(./images/bn_vn-jirei_n.jpg);
	background-repeat : no-repeat ;
}
#bn_vn a:hover {
	background-image: url(./images/bn_vn-jirei_o.jpg);
	background-repeat : no-repeat ;
}

/* footer
================================================ */
#footer {
	clear: both;
	float: left;
	width: 760px;
	height: 120px;
	margin: 0 auto;
	background-image: url(./images/footer_back.gif);
	background-repeat: no-repeat;
	background-position: center;
	text-align: left;
}

.g-navi {
	width: 650px;
	height: 40px;
	padding: 25px 0 0 35px;
	color: #ffffff;
	line-height: 16px;
	font-size: 10px;
}
.sofilms_address {
	width: 650px;
	height: 16px;
	padding: 20px 5px 0 35px;
	font-size: 13px;
	color: #eeeeee;
}

.sofilms_copy {
	width: 720px;
	height: 16px;
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	padding: 10px 20px 0 0;
	text-align: right;
	color: #000065;
}


#footer a:link    {text-decoration: none; color: #bbbbbb;}
#footer a:visited {text-decoration: none; color: #bbbbbb;}
#footer a:hover   {text-decoration: underline; color: #00FFFF;}
#footer a:active  {text-decoration: underline; color: #00FFFF;}

/* index
================================================ */
.horita_ceo {
	float: left;
	width: 300px;
	height: auto;
	padding: 20px 0;
}

.aisatsu {
	float: left;
	width:220px;
	padding: 10px;
	font-size: 13px;
	color: #333333;
	line-height: 19px;
	text-align : left;
}

.new_box {
	width:520px;
	height: auto;
	padding: 10px;
	font-size: 12px;
	line-height: 18px;
	text-align : left;
}

.new_box strong {
	font-weight: bold;
	color:#006500;
	font-size: 13px;
}

/* Pages
================================================ */
.pagetitle {
	width: 540px;
	height: 180px;
	padding: 0 0 10px 0;
}

.page_txt {
	width: 520px;
	padding: 10px 0 5px 20px;
	font-size: 13px;
	line-height: 19px;
	text-align : left;
}

.page_txt_red {
	color:#ff0000;
}

.page_txt ul{
	padding: 10px 0 10px 30px;
	list-style-image: url(images/arrow_blue.gif);
}

.page_txt li{
	padding-top: 5px;
	list-style-image: url(images/arrow_blue.gif);
}

.page_img {
	width:540px;
	text-align: center;
	padding: 10px 0;
}

/* Films
================================================ */
.syubetu_title {
	width: 500;
	height: 20px;
	padding: 5px 0 5px 35px;
}

.syubetu_box {
	width: 480px;
	height: 80px;
	padding-left: 40px;
}

.syubetu_img {
	float: left;
	width: 90px;
	height: auto;
}

.syubetu_txt {
	float: left;
	width: 360px;
	height: auto;	
	font-size: 12px;
	line-height: 16px;
	text-align : left;
	padding: 0 0 0 20px;
}

.syubetu_txt_red {
	color: #ff0000;
}

/* Window Repair
================================================ */
.setumei_box {
	clear: both;
	width: 480px;
	height: auto;
	padding: 10px 0 10px 30px;
}

.setumei_img {
	float: left;
	width: 150px;
	height: auto;
}

.setumei_txt {
	float: left;
	width: 300px;
	height: auto;	
	font-size: 12px;
	line-height: 18px;
	text-align : left;
	padding: 0 0 0 20px;
}

/* Access
================================================ */
.profile_box {
	width: 520px;
	height: auto;
	padding: 8px 0 0 20px;
	line-height: 20px;
}

.profile_img {
	float: left;
	width: 220px;
}

.companybox {
	width: 290px;
	padding: 18px 0 0 10px;
	float: left;
}

.companybox dt {
	float: left;
	clear: both;
	margin-right: 10px;
	margin-bottom: 5px;
}

.companybox dd {
	float: left;
	width: 220px;
	margin-bottom: 5px;
}

.companybox dd ul {
	list-style: none;
}

.map_back {
	clear: both;
	width: 520px;
	height: 280px;
	padding: 8px 0 0 0px;
	background-image: url(./images/map_back.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.map_box {
	float: left;
	width: 488px;
	height: 260px;
	padding: 10px 0 0 15px;
}


/* Yumaku
================================================ */
.page_half_txt {
	float: left;
	width: 280px;
	font-size: 13px;
	line-height: 19px;
	text-align : left;
	padding: 10px 0 20px 20px;
}

.page_half_img {
	float: left;
	width:220px;
	text-align: center;
	padding: 20px 0 0 20px;
}


/* Faq
================================================ */

h4 {
	width:490px;
	font-size: 14px;
	color: #000099;
	margin-left: 20px;
	margin-bottom: 3px;
	background: #ECECEC;
	display: block;
	padding-right: 3px;
	padding-left: 10px;
	line-height: 2em;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #9999FF;
	margin-top: 5px;
	clear: both;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	font-weight: bold;
}

.hissu {
	font-weight: bold;
	color:#FF0000;
}