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

/* ----------------------------------------

  Main Style Seet



    1.共通利用項目

    2.トップページ

    3.サービス

    4. WORKS

    5. ABOUT TY

    6. LINK



---------------------------------------- */


/* ----------------------------------------

  1.共通利用項目

---------------------------------------- */


/* ----------------------------------------

  2.トップページ

---------------------------------------- */

#top_copy_box{
	width: 100%;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 5%;
	height: 350px;
	
}

#top_copy_box h2{
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 400;
	font-size: 1.8em;
	text-align: center;
	width: 90%;
	height: 40px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	color: #666666;
	position: relative;
	top: 16%;
	
	}

#top_copy_box p{
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 300;
	font-size: 1.2em;
	text-align: left;
	line-height: 2em;
	width: 70%;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	padding-top: 0%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 0;
	height: auto;
	color: #666666;
	position: relative;
	top: 19%;
	
	}

#news-list {
	margin-top: 30px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	color: #03F;
	
}

#news-list a {
	color: #03F;
	line-height: 2em;
	font-size: 105%;
	
}

#top-categoly {
	width: 47%;
	height: auto;
	margin: 0px 0px 10px 0px;
	float: left;
	
}

#top-categoly  h2{
	width: 100%;
	height: 22px;
	float: left;
	border-bottom: 1px solid #DDDDDD;
	line-height: 1em;
	padding-right: px0;
	padding-left: 0;
	padding-bottom: 0px;
	margin: 0 0 10px 0;
	font-size: 110%;
	
	
}


#top-categoly-text{
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	line-height: 2em;
	font-size: 100%;	
	
}

/* ----------------------------------------

  3.サービスページ

---------------------------------------- */

.service_web{
	width: 100%;
	height: auto;
	margin-top: 50px;
	margin-right: 0;
	float: left;
	
	}
	

.service_web h2{
	width: 100%;
	height: auto;
	line-height: 40px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #F96F04;
	font-size: 160%;
	text-align: center;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	letter-spacing: 0.1em;
	
	}

.service_web h3{
	font-size: 120%;
	font-weight: bold;
	line-height: 2em;
	border-bottom: 1px solid #DDD;
	margin-bottom: 10px;
	
	}

.service_web_t_box_C{
	width: 100%;
	height: auto;
	font-size: 105%;
	margin: 0 5% 5% 0;
	float: left;
	line-height: 2em;
	
	}

.service_web_t_box_L{
	width: 47.5%;
	height: auto;
	font-size: 100%;
	margin: 0 5% 5% 0;
	float: left;
	line-height: 2em;
	
	}

.service_web_t_box_L strong {
	width: 100%;
	height: auto;
	font-size: 110%;
	float: left;
	border-bottom: 1px solid #8E8E8E;
	margin-bottom: 5px;
	}

.service_web_t_box_R{
	width: 47.5%;
	height: auto;
	font-size: 100%;
	float: left;
	line-height: 2em;
	
	
	}

.service_web_t_box_R strong {
	width: 100%;
	height: auto;
	font-size: 110%;
	float: left;
	border-bottom: 1px solid #8E8E8E;
	margin-bottom: 5px;
	
	}
	
.service_web_t h3{

	font-size: 110%;
	font-weight:bold;
	
	
	}

.service_web img{
	width: 100%;
	height: auto;	
}
.bt_box_s{
	width: 85%;
	max-width: 700px;
	height: 50px;
	text-align: center;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	z-index: 9999;
	
	
}

.bt_box_s a{
	color: #FF8000;
	width: auto;
	line-height: 50px;
	background-color: #FFF;
	font-size: 130%;
	font-weight: 800;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "Adobe Fangsong Std R";
	border: 2px solid #FF8000;
	border-radius: 25px;
	text-align: center;
	display: block;
	-webkit-box-shadow: 3px 3px 3px #BBB;
	box-shadow: 3px 3px 3px #BBB;
}

.bt_box_s a:hover{
	color: #FFF;
	background-color: #FF8000;

	
   
}

/* ----------------------------------------

  4.WORKS

---------------------------------------- */

.bt_box{
	width: 100%;
	height: 60px;
	border: 1px solid #000;
	padding-top: 7%;
	font-size: 110%;
	font-weight: bold;
	margin-top: 20px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 100px;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.bt_box a{
	
	font-size: 100%;
}

.bt_box a:hit {
	width: 100%;
	height: 60px;
	border: 1px solid #000;
	background-color: #000;
}

#bg_black{
	color: #FFF;
	background-color: #000;
	
}

.triming{
	max-width: 260px;
	height: auto;
	overflow: hidden;
	max-height: 200px;
}


a:hover img{ 

opacity:0.8; 

filter:alpha(opacity=80); 

-ms-filter: "alpha( opacity=80 )"; 

} 

.box_hover{
	width: 100%;
	height: auto;
	border: solid 1px #EEE;
	padding-top: 40px;
	background-color: #FCFCFC;
	
}

.box_hover a:hover{
	
}
/* ----------------------------------------

  5.ABOUT TY

---------------------------------------- */

.aboutBox {
	width: 100%;
	float: left;
	margin: 30px 0 0 0;
}

.aboutBox th {
	width: 20%;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0px;
	padding-bottom: 20px;
	text-align: center;
	background-color: #FFFFFF;
	color: #666;
	line-height: 2em;
	font-size: 110%;
}

.aboutBox td {
	padding: 0px 0px 0px 10px;
	text-align: left;
	border-bottom: 1px dotted #CCCCCC;
	line-height: 2em;
	font-size: 110%;

}

.main_news_title_text{
	margin-top: 40px;
	margin-left: 0;
	margin-bottom: 0;
	width: 100%;
	padding: 0 0 15px 0;
	float: left;
	line-height: 2em;
	
}

.main_news_title_text p{
	line-height: 2em;
	font-size: 110%;
	
}


.main_news_title_text a{
	color: #00F;
	text-decoration: underline;
	
	
}



.main_news_title_text h2{
	height: 25px;
	width: 100%;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #CCC;
	margin: 0 0 10px 0;
	font-size: 140%;
	max-width: 720px;
	
}

.main_news_date_text{
	height: 30px;
	width: auto;
	padding: 5px 0 0 0;
	margin: 0 30px 0 0;
	float: right;
	color: #00F;
	font-size: 12px;
	text-align: right;
	
}

.layoutp3 table{text-align:left;width:100%;}

.layoutp3 {
	padding:0px 0px;
	margin: 20px 0 0 0;
	width: 720px;
	height: auto;
	float: left;
}

.layoutp3_1{
	padding:0px 0px;
	margin: 0 0 10px 0;
	float: left;
}

.layoutp3 th {
	padding:0px;
}

.layoutp3 td {
	padding:0;
}

.layoutp3 .border { border:1px solid #999999;
}

.layoutp3_3_top {
	padding:0px 0px 0px 0px;
	float: left;
	text-align: left;
	margin-bottom: 10px;
	width: 720px;
}

.layoutp3_3_down {
	padding:0px 0px 0px 0px;
	float: left;
	text-align: left;
	margin-bottom: 20px;
	width: 720px;
	margin: 10px 0 20px 0;
}


/* ----------------------------------------

  6.リンク

---------------------------------------- */

.link_text a{
	color: #09F;
	text-align: right;
	float: right;
	text-decoration: underline;
	
	}
	
.link_text a:hover{
	color: #00C;
	text-decoration: underline;	
	}
	
.link_text02 a{
	color: #09F;
	text-align: left;
	float: left;
	text-decoration: underline;
	}
	
.link_text02 a:hover{
	color: #00C;
	text-decoration: underline;	
	}





 /* 767px以下用（タブレット／スマートフォン用）の記述 */ 
@media screen and (max-width: 767px) { 
	
#top-categoly {
	width: 94%;
	height: auto;
	margin: 3% 3%;
	float: left;
	
}

	
#top_copy_box p{
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 300;
	font-size: 1.0em;
	text-align: left;
	line-height: 2em;
	width: 90%;
	margin: 0 auto;
	padding-top: 0%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 0;
	height: auto;
	color: #666666;
	position: relative;
	top: 15%;
	
	
	}
	.bt_box{
	width: 100%;
	height: 60px;
	border: 1px solid #000;
	padding-top: 7%;
	font-size: 90%;
	font-weight: bold;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

} 


    /* 479px以下用（スマートフォン用）の記述 */ 
@media screen and (max-width: 479px) { 

.service_web h2{
	width: 100%;
	height: auto;
	line-height: 40px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #000000;
	font-size: 130%;
	text-align: center;
	
	}
	
.service_web_t_box_L{
	width: 100%;
	height: auto;
	font-size: 90%;
	margin: 0 5% 5% 0;
	float: left;
	line-height: 2em;
	
	
	}

	.service_web_t_box_R{
	width: 100%;
	height: auto;
	font-size: 90%;
	margin: 0 5% 5% 0;
	float: left;
	line-height: 2em;
	
	
	}


	
#top-categoly {
    width: 94%;
	height: auto;
	margin: 3% 3%;
	float: left;
	
}
	
#top-categoly h2{
	width: 90%;
	height: 2em;
	float: left;
	border-bottom: 1px solid #DDDDDD;
	line-height: 1em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin: 0 0 10px 0;
	font-size: 90%;
	
}	

#top-categoly-text{
	padding-top: 30px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	line-height: 2em;
	font-size: 80%;
	
}


#top_copy_box h2{
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 400;
	font-size: 130%;
	text-align: center;
	width: 85%;
	height: 40px;
	margin: 0 auto;
	color: #666666;
	position: relative;
	top: 10%;
	
	}

#top_copy_box p{
	font-family: kozuka-gothic-pr6n, sans-serif;
	font-weight: 300;
	font-size: 1.0em;
	text-align: left;
	line-height: 2em;
	width: 100%;
	margin: 0 auto;
	padding-top: 0%;
	padding-right: 5%;
	padding-left: 5%;
	padding-bottom: 5%;
	height: auto;
	color: #666666;
	position: relative;
	top: 15%;
	
	}

	
.main_news_title_text h2{
	
	font-size: 110%;

	
}
	
.main_news_title_text p{
	line-height: 2em;
	font-size: 95%;
	
}
#news-list a {
	color: #03F;
	line-height: 1.5em;
	font-size: 90%;
	
}
	
.bt_box{
	width: 100%;
	height: 60px;
	border: 1px solid #000;
	padding-top: 7%;
	font-size: 90%;
	font-weight: bold;
	font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}


}