@charset "utf-8";
/* CSS Document */

/*------------------------------------------------------------
	top_img
------------------------------------------------------------*/
#top_img{
	clear:left;
	width:100%;
	height:250px;
	background:url(../company/company_bg.jpg);
	background-size:100% auto;
	background-position:left top;
	background-attachment:fixed;
}

#top_img section{
	clear:left;
	margin:0 auto;
	width:1100px;
	background:none;
}

/*------------------------------------------------------------
	s_menu
------------------------------------------------------------*/
#s_menu{
	float:left;
	width:230px;
}

#s_menu h1{
	margin:15px 10px 10px 15px;
	padding-left:10px;
	font-size:14px;
	border-left:#9C6 5px solid;
}

#s_menu ul{
	width:100%;
	height:330px;
	margin-bottom: 15px;	/*ボックスの下に空けるスペース*/
	background: #f3f3f3;	/*背景色（古いブラウザ用）*/
	background: rgba(0,0,0,0.05);	/*背景色。rgbaは色設定で0,0,0は黒。0.05が透明度。*/
	border: solid 1px #ccc;	/*線の線種、幅、色*/
	-webkit-box-shadow: 0px 0px 1px 1px #fff inset;	/*ボックスの影。内側に白のラインを入れる。*/
	box-shadow: 0px 0px 1px 1px #fff inset;
	border-radius: 4px;	/*角丸のサイズ*/
}

#s_menu li{
	margin:0 auto;
	width:200px;
	position:relative;
}

#s_menu li::after{
	display: block;
	content: '';
	position: absolute;
	top:14px;
	left:10px;
	width: 6px;
	height: 6px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#s_menu li a{
	display:block;
	padding:8px 0 8px 25px;
	margin-bottom:1px;
	color:#000;
	font-size:12px;
	background:#FFF;
	text-decoration:none;
	transition:0.4s;
}

#s_menu li a:hover{
	background-color:#79C6C1;
}

#main{
	float:left;
	margin-left:30px;
	width:840px;
}

/*------------------------------------------------------------
	会社概要
------------------------------------------------------------*/
#company{
	clear:left;
	margin-top:60px;
	width:100%;
	height:auto;
}

#company section{
	clear:left;
	margin:0 auto;
	width:1100px;
	height:auto;
}

/*------------------------------------------------------------
	クリエイトについて
------------------------------------------------------------*/
#company1{
	clear:left;
	width:100%;
	height:auto;
}

#company1 h1{
	clear:left;
	margin-bottom:15px;
	font-size:15px;
	color: #FFF;		/*文字色*/
	padding: 8px 15px;	/*上下、左右への余白*/
	background: #222;	/*背景色（古いブラウザ用）*/
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	/*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2が透明度。*/
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);			/*同上*/
	border-radius: 4px;	/*角丸のサイズ*/
}

#company1 ul{
	clear:left;
	margin-bottom:40px;
}

#company1 li{
	line-height:2em;
}

#company1 li span{
	color:#C00;
	font-weight:bold;
}

/*------------------------------------------------------------
	活動地域
------------------------------------------------------------*/
#company2{
	clear:left;
	margin-top:60px;
	width:100%;
	height:auto;
}

#company2 h1{
	clear:left;
	font-size:15px;
	color: #FFF;		/*文字色*/
	padding: 8px 15px;	/*上下、左右への余白*/
	background: #222;	/*背景色（古いブラウザ用）*/
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	/*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2が透明度。*/
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);			/*同上*/
	border-radius: 4px;	/*角丸のサイズ*/
}

#company2 ul{
	clear:left;
	margin-bottom:40px;
}

#company2 li{
	padding:10px 0;
	line-height:2em;
	border-bottom:#CCC 1px dotted;
}

#company2 li span{
	color:#C00;
	font-weight:bold;
}

/*------------------------------------------------------------
	会社概要
------------------------------------------------------------*/
#company3{
	clear:left;
	margin-top:60px;
	margin-bottom:80px;
	width:100%;
	height:auto;
}

#company3 h1{
	clear:left;
	margin-bottom:10px;
	font-size:15px;
	color: #FFF;		/*文字色*/
	padding: 8px 15px;	/*上下、左右への余白*/
	background: #222;	/*背景色（古いブラウザ用）*/
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);	/*影の設定。右へ、下へ、ぼかし幅。rgbaは色設定で0,0,0は黒。0.2が透明度。*/
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);			/*同上*/
	border-radius: 4px;	/*角丸のサイズ*/
}


/*------------------------------------------------------------
	会社概要 table
------------------------------------------------------------*/
table.company {
    width:100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 10px;
    font-size: 12px;
}
 
table.company th,
table.company td {
    padding: 10px;
}
 
table.company th {
    background: #295890;
    vertical-align: middle;
    text-align: left;
    width: 100px;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}
 
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #295890;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
 
table.company td {
    background: #f8f8f8;
    width: 360px;
    padding-left: 20px;
}