@CHARSET "UTF-8";
/****public style****************/
body
{
	margin: 0px;
	padding: 0px;
	color: #666;
	font-family: font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background: none !important;
}
a{text-decoration: none;color:#666;}
h1,h2,h3{color:#FFF;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
.top{margin-top:10%;}

/*--------------------------index-------------------------*/

#index #bg {
	width: 100%;
	height: 100%;
	background: url(../images/bg_img.png) no-repeat center center;
	background-size: cover;
	position: absolute;
}
#index #wrap {
	width: 100%;
	height: 100%;
	background: transparent url(../images/logo_main.png) no-repeat center center;
	position: absolute;
}

#index header {
	position: absolute;
	top: 30px;
	left: 30px;
	letter-spacing: .7em;
}

#index nav {
	position: absolute;
	top: 30px;
	right: 30px;
}

#index nav ul {
	margin: 0;
	padding: 0;
}

#index nav li {
	margin: 0 0 30px 0;
	list-style: none;
	border-left: 3px solid #666;
	padding-left: 10px;
	line-height: 16px;
}

#index nav li.active {
	color: #777;
	border-left-color: #999;
}

#index nav li.active a {
	color: #999;
}

#index nav li:hover {
	border-left-color: #000;
}

#index nav li a:hover {
	color: #000;
}

/*--------------------------contact-------------------------*/
*
{
	margin:0;
	padding:0;
}
.body-wrapper nav a.active {
	color: #777;
	border-left-color: #999;
}

.body-wrapper nav a.active {
	color: #999;
}

.body-wrapper nav li:hover {
	border-left-color: #000;
}

.body-wrapper nav a:hover {
	color: #000;
}

.body-wrapper
{
	width:800px;
	margin:0 auto;
	font-size: 16px;
}	
.body-wrapper header
{
	background:url('../images/header-bg.png') no-repeat;
	height:153px;
	padding-top:30px;
	padding-bottom:20px;
}
.body-wrapper header .logo
{
	float:left;
}
.body-wrapper header .phone
{
	float:right;
	margin-top:15px;
	margin-right:5px;
	color:#000;
}

.body-wrapper header .phone p {
	letter-spacing:0.5em;
	font-size: 14px;
}

.phone1{
	letter-spacing:0.1em;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
.tel
{
	font-size:24pt;
	margin-left:20px;
	margin-top:-17px;
}
.body-wrapper header nav
{
	float:right;
	margin-top: 20px;
}
.body-wrapper header ul
{
	list-style:none;
}
.body-wrapper header li
{
	display:inline;
	border-left:3px solid #666;
	padding-left:5px;
	letter-spacing:0.5em;
	font-size: 14px;
	margin-right:40px
}
.body-wrapper header li:last-child
{
	margin-right:0px
}
/*
.body-wrapper header a
{
	margin-right:40px !important;
}
.body-wrapper header a:last-child
{
	margin:0 !important;
}
*/
.clear
{
	clear:both;
}
.body-wrapper .content
{
	
}
.body-wrapper .content h1
{
	color:#000;
	text-align:center;
	margin:50px 0;
	font-size:20pt;
	letter-spacing:0.3em;
}
.body-wrapper .m-content
{
	color:#000;
	width:590px;
	margin:90px auto 0;
}
.body-wrapper .m-content .m-tel th 
{
	line-height: 40px;
	vertical-align:top;
	padding-right: 80px;
}

.body-wrapper .m-content .m-tel td
{
	vertical-align:top;
}

.body-wrapper .m-content .m-tel td strong
{
	line-height: 30px;
	display: block;
	margin:0;
}

.body-wrapper .m-content .m-tel td strong img 
{
	margin-right:10px;
}

.body-wrapper .m-content b
{
	font-size:12pt;
}
.body-wrapper .m-content .form
{
	margin-top:100px;
}
.body-wrapper .m-content .form h2 {
	color: #000;
	font-size: 16px;
	margin-bottom: 1em;
}
.m-content .form table
{
	width:100%;
}
.m-content .form th
{
	width:150px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	font-size: 12px;
	line-height: 30px;
}
.m-content .form td
{
	padding-bottom:25px;
}
.m-content .form .last
{
	text-align:center;
}
.m-content .form input[type="text"]
{
	height:30px;
	border: 1px solid #676767;
	width:295px;
	padding-left:5px;
	font-size: 12px;
}
.m-content .form .third
{
	width:105px !important;
}
.m-content .form textarea
{
	width:445px;
	height:90px;
	border: 1px solid #676767;
	padding-left:5px;
}
.m-content .form input[type="submit"]
{
	width:85px;
	height:35px;
	background:#fff;;
	border: 1px solid #676767;
}
.body-wrapper footer
{
	text-align:center;
	margin:40px 0;
	color:#000;
	font-size: 12px;
}
/*COMPANY*/
.company
{
	text-align:center;
}
.company .font
{
	font-size:16pt !important;
}
.company .margin-bot
{
	margin-bottom:10px;
}
.left-tab
{
	float:left;
}
.left-tab th
{
	width:90px;
	text-align:left;
}

.left-tab th,
.left-tab td {
	line-height: 1.8em;
	vertical-align: top;
}
.map
{
	float:right;
}
.com-content
{
	color: #000;
    margin: 30px auto 40px;
    width: 590px;
}

/*SALE*/
.sale
{
	background:url(../images/sale-bg.png);
	padding:0 35px;
	color:#fff;
	font-family:'Meiryo';
}
.sale h2 {
	font-size: 21px;
}

.sale table {
	height: 155px;
}

.sale .f-sale
{
	height:180px;
	padding-top:30px;
}
.sale .s-sale
{
	height:170px;
	padding-top:17px;
}
.sale .t-sale
{
	height:170px;
	padding-top:20px;
}
.sale .fo-sale
{
	height:170px;
	padding-top:23px;
}
.sale .fi-sale
{
	height:170px;
	padding-top:20px;
}
.sale  th
{
	width:95px;
}
.sale .sale-p
{
	padding-left:75px;
	padding-right:20px;
	width:407px;
}
.sale .sale-img
{
	width:135px;
}
/*PRODUCT*/
.product
{
	position:relative;
}
.product .pic-let1
{
	position:absolute;
	top:50px;
	width:90%;
	color:#666;
	
}
.product .pic-let1 p
{
	
}
.product .pic-let2
{
	position:absolute;
	bottom:100px;
	text-align:center;
	width:100%;
	font-size:20pt;
	color:#000;
}
.arrow
{
	text-align:center;
}
.product-let
{
	position:relative;
	line-height: 1em;
}
.product-let h2
{
	font-size: 16px;
	color:#000;
	text-align:center;
	margin:10px 0;
	line-height: 1.2em;
}
.product-let .s-div h2,
.product-let .t-div h2,
.product-let .fi-div h2,
.product-let .si-div h2
{
	color:#fff;
}
.product-let .fo-div h2
{
	color:#333;
	margin-left: -1em;
}
.product-let p
{
	line-height: 15px;
}
.product-let .f-div
{
	color: #000;
    font-size: 12px;
    position: absolute;
    right: 90px;
    
    top: 60px;
    width: 180px;
}

.product-let .f-div h2 {
	margin-left: -2.5em;
}
.product-let .s-div
{
	color: #fff;
    font-size: 12px;
    left: 115px;
    position: absolute;
    
    top: 110px;
    width: 180px;
}
.product-let .t-div
{
	 color: #fff;
    font-size: 12px;
    left: 340px;
    position: absolute;
    
    top: 225px;
    width: 180px;
}
.product-let .fo-div
{
	bottom: 275px;
    color: #333;
    font-size: 12px;
    left: 92px;
    position: absolute;
    top: 325px;
    width: 170px;
}
.product-let .fo-div h2 {
	margin-left: -1em;
}
.product-let .fo-div .fo-txt
{
	width:150px;
}
.product-let .fi-div
{
	bottom: 235px;
    color: #fff;
    font-size: 12px;
    position: absolute;
    right: 80px;
   top: 380px;
    width: 180px;
}
.product-let .si-div
{
	bottom: 175px;
    color: #fff;
    font-size: 12px;
    left: 270px;
    position: absolute;
   top: 430px;
    width: 180px;
}

.product-let .si-div h2 {
	margin-left: -1em;
}
/*--------------------------header-------------------------*/



/*--------------------------footer-------------------------*/

/*----------------------------right side--------------------*/



/*---------------------------top page-----------------------*/

/*-------------------------column page----------------------*/
ul.clmnlist{
    list-style-type:none;
    line-height:35px;
}
ul.clmnlist > li{
    border:1px solid #CDD4EC;
    padding:15px;
    margin-bottom:15px;
    position: relative;
}
ul.clmnlist > li:last-child{
    margin-bottom:0px;
}
ul.clmnlist > li > p{
    line-height:1.7;
    font-size:0.95em;
}
ul.clmnlist > li > a.contHdng{
    display: inline-block;
    border-bottom: 2px solid #fa0;
    font-size:1.25em;
    font-weight:700;
    margin-bottom: .5em;
}
ul.clmnlist > li > a.contUrls{
    background: linear-gradient(#0099CC,#006699);
    color:#FFF;
    max-width: 150px;
    box-sizing:border-box;
    padding: 5px 10px;;
    display:inline-block;
    opacity:1;
    transition:opacity .2s;
    position:absolute;
    right:20px;
    bottom:10px;
    border-radius: 3px;
    box-shadow: 0px 2px 2px rgba(0,0,0,.3);
}
ul.clmnlist > li > a.contUrls:hover{
    opacity:.7;
}
ul.clmnlist > li > a.contHdng:hover{
    border-bottom:2px solid #aaa;
    opacity:.5;
}
ul.clmnlist > li:nth-child(1):before{
    background:url(http://www.gao-p.co.jp/column_img/g_01_01.jpg) no-repeat center center;
    background-size:cover;
}
ul.clmnlist > li:nth-child(2):before{
    background:url(http://www.gao-p.co.jp/column_img/g_02_01.jpg) no-repeat top left;
    background-size:cover;
}
ul.clmnlist > li:nth-child(3):before{
    background:url(http://www.gao-p.co.jp/column_img/g_03_01.jpg) no-repeat center center;
    background-size:cover;
}
ul.clmnlist > li:nth-child(4):before{
    background:url(http://www.gao-p.co.jp/column_img/g_04_01.jpg) no-repeat center center;
    background-size:cover;
}
ul.clmnlist > li:nth-child(5):before{
    background:url(http://www.gao-p.co.jp/column_img/g_05_01.jpg) no-repeat center center;
    background-size:cover;
}
ul.clmnlist > li:nth-child(6):before{
    background:url(http://www.gao-p.co.jp/column_img/g_06_01.jpg) no-repeat center center;
    background-size:cover;
}
ul.clmnlist > li:nth-child(7):before{
    background:url(http://www.gao-p.co.jp/column_img/g_07_01.jpg) no-repeat center center;
    background-size:cover;
}
ul.clmnlist > li:nth-child(8):before{
    background:url(http://www.gao-p.co.jp/column_img/g_08_01.jpg) no-repeat center center;
    background-size:cover;
}
ul.clmnlist > li:nth-child(9):before{
    background:url(http://www.gao-p.co.jp/column_img/g_09_01.jpg) no-repeat top left;
    background-size:cover;
}
ul.clmnlist > li:nth-child(10):before{
    background:url(http://www.gao-p.co.jp/column_img/g_10_01.jpg) no-repeat center center;
    background-size:cover;
}
ul.clmnlist > li:before{
    content:"";
    display:block;
    width:150px;
    height:150px;
    margin:0 20px 0 0;
    border-radius:75px;
    float:left;
    box-shadow:0px 2px 2px rgba(0,0,0,.5);
}
ul.clmnlist > li:after{
    content:"";
    display:block;
    clear:both;
}

/*----------------------------media---------------------*/
@media only screen
and (min-width : 320px) {
/* Styles */

}
@media only screen
and (max-width : 320px) {
/* Styles */
	
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* STYLES GO HERE */
	
}