@charset "utf-8";



/*==================================================

outline
==================================================*/

.pc {
	display:block;
}
.sp {
	display:none;
}
html,body {
	min-height:100%;
	min-width:100%;
}
body {
	color:#333333;
	position:relative;
}
#header .wrap,
#globalNavigation ul,
#contactFix .wrap,
#topicpath ol,
#contents,
#footer .wrap {
	width:980px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
#header .wrap:after,
#header #summaryArea:after,
#globalNavigation ul:after,
#contactFix .wrap:after,
#topicpath ol:after,
#contents:after,
#footer .wrap:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}




/*==================================================

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

#summaryArea p,
#header .wrap li,
#header h1 {
	float:left;
	display:inline;
}
#header .wrap ul {
	float:right;
	display:inline;
}
#header .wrap ul:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#header h1 {
	margin:20px 0 0;
}
#header .topcontact {
	margin:20px 0 0;
}
#header .topcontact li {
	float:left;
	display:inline;
}

#header .topcontact li.first {
	margin:0 13px 0 0;
}
#header .topcontact li.last {
	margin:0 -6px 0 2px;
}


/* summaryArea */
#summaryArea {
	background:#F4F4F4;
	padding:5px 0;
	font-size:84.6%;
}
#summaryArea ul li {
	padding:0 0 0 11px;
	margin:0 0 0 15px;
	background:url(../img/common/ico_tri_orange_right.png) no-repeat left 3px;
}



/*==================================================

globalNavigation
==================================================*/

#globalNavigation {
	background:url(../img/template/gnav_bg.png) repeat-x left top;
	margin:15px 0 0;
	padding-bottom:5px;
	position:relative;
	z-index:9999;

}
#globalNavigation li {
	float:left;
	display:inline;
}




/*==================================================

contactFix
==================================================*/

#contactFix {
	min-width:100%;
	border-top:3px solid #333333;
	-webkit-box-shadow: 0px -1px 5px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px -1px 5px 1px rgba(0,0,0,0.2);
	box-shadow: 0px -1px 5px 1px rgba(0,0,0,0.2);
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
	position:fixed;
	left:0;
	bottom:0;
	z-index:9999;
}
#contactFix .wrap {
	padding:20px 0;
}
#contactFix .fixlogo {
	float:left;
	display:inline;
	width:352px;
}
#contactFix .fixlogo h6 {
	border-bottom:1px dotted #333333;
	padding-bottom:10px;
}
#contactFix .fixlogo h6 img{
	width:182px;
	height:auto;
}
#contactFix .fixlogo p {
	margin:10px 0 0;
}
#contactFix ul {
	float:right;
	display:inline;
	margin:10px 0 0;
}
#contactFix ul li {
	float:left;
	display:inline;
}
#contactFix ul li.first {
	margin:2px 13px 0 0;
}
#contactFix ul li.last {
	margin:0 -6px 0 2px;
}
#contactFix ul:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}



/*==================================================

mainvisual
==================================================*/

#mainvisual {
	display:none;
}



/*==================================================

topicpath
==================================================*/

#topicpath {
	border-bottom:1px solid #DDD;
	padding:8px 0 10px;
}
#topicpath li {
	float:left;
	display:inline;
	font-size:84.6%;
	padding:0 0 0 15px;
	margin:0 -1px 0 15px;
	background:url(../img/common/ico_angle_right.png) no-repeat left 5px;
}
#topicpath li.first {
	background:none;
	margin:0;
	padding:0;
}
#topicpath li a {
	color:#FF4000;
}
#topicpath li:after {
	clear:both;
	content:'';
	display:block;
	height:0;
	margin-right:1px;
	float:right;
}


/*==================================================

contents
==================================================*/

#contents {
	margin-top:40px;
}


/*==================================================

main
==================================================*/

#main {
	width:720px;
	float:right;
}


/* default */

.main h1 {
}
.main h2 {
	margin:40px 0 0;
	padding:6px 9px;
	font-size:169.2%;
	font-weight:bold;
	border:1px solid #CCCCCC;
	border-bottom:3px solid #FF9326;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,fafafa+100 */
	background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #fafafa 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#fafafa 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 0%,#fafafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */
}
.main h3 {
	margin:30px 0 0;
	padding:0 0 15px;
	font-size:138.4%;
	font-weight:bold;
	border-bottom:2px solid #BBBBBB;
}
.main h4 {
	margin:20px 0 0;
	color:#FF8000;
	font-size:123%;
	font-weight:bold;
}
.main h5 {
	margin:20px 0 0;
	font-size:107.6%;
	font-weight:bold;
}


/* p */

.main h1+p {
	margin:30px 0 0;
}
.main p {
	margin:15px 0 0;
}


/* strong */

.main strong {
	color:#FF3F00;
	font-weight:bold;
}


/* li */

.main ul {
	margin:20px 0 0;
}
.main ul li {
	margin:5px 0 0;
	padding:0 0 0 11px;
	background:url(../img/common/ico_tri_orange_right.png) no-repeat left 6px;
}
.main ul>li.first,
.main ul>ul {
	margin:0;
}



/* table */

.main table {
	width:100%;
	margin:20px 0 0;
}
.main th,
.main td {
	text-align:left;
	vertical-align:top;
	padding:10px;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.main th {
	font-weight:bold;
	background:#EEEEEE;
}
.main td+td {
	border-left:1px solid #EEE;
}

/* a */

.main a {
	color:#FF3F00;
	text-decoration:underline;
}
.main a:hover {
	text-decoration:none;
}

/*==================================================

cta
==================================================*/

#cta {
	margin:60px 0 0;
	padding:106px 5px 5px;
	background:#FF8000;
	border-radius:4px;
	position:relative;
}
#cta h3 {
	border:none;
	padding:0;
	margin:0;
	position:absolute;
	top:-30px;
	left:11px;
	
}
#cta div {
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	background:#FFF;
}
#cta ul {
	margin:0;
	padding:19px 14px 15px 19px;
}
#cta ul li {
	margin:0;
	padding:0;
	background:none;
	float:left;
	display:inline;

}
#cta ul li.first {
	margin-right:15px;
}
#cta ul li.last {
	margin-left:1px;
}
#cta ul:after {
	clear:both;
	content:'';
	display:block;
	height:0;
}
#cta p {
	background:#EEEEEE;
	padding:15px 19px;
	margin:0;
}



/*==================================================

side
==================================================*/

#side {
	width:230px;
	float:left;
	display:inline;
}

/* categoryList */

#categoryList {
	margin:0 0 20px;
}
#categoryList h3 {
	color:#FFF;
	padding:7px 10px;
	font-size:153.8%;
	font-weight:bold;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9326+0,ff8000+100 */
	background: #ff9326; /* Old browsers */
	background: -moz-linear-gradient(top,  #ff9326 0%, #ff8000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ff9326 0%,#ff8000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ff9326 0%,#ff8000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9326', endColorstr='#ff8000',GradientType=0 ); /* IE6-9 */
}
#categoryList ul li {
	margin:0;
	padding:10px 11px;
	border-bottom:1px solid #CCC;
	background:url(../img/common/ico_tri_orange_right.png) no-repeat left center;
}
#categoryList ul li a:hover {
	color:#FF4000;
}






/* sideContact */

#sideContact {
	background:#FF8000;
	border-radius:4px;
	position:relative;
	padding:80px 5px 5px;
}
#sideContact h3 {
	position:absolute;
	top:-20px;
	left:10px;
}
#sideContact div {
	background:url(../img/template/side_contact_bg.jpg) no-repeat left top;
}
#sideContact ul {
	padding:20px 0 10px;
}
#sideContact ul li.first img {
	margin:0 0 8px 10px;
}
#sideContact ul li img {
	margin-left:9px;
}
#sideContact ul li.last img {
	margin-top:2px;
}
#sideContact p {
	background:#EEEEEE;
	border-left:1px solid #CCC;
	padding:15px 10px 15px 9px;
	margin:0;
}


/* bannerArea */

.bannerArea ul {
	margin:20px 0 0;
}
.bannerArea ul li {
	margin:10px 0 0;
}
.bannerArea ul li.first {
	margin:0;
}


/* serviceArea */

#serviceArea {
	background:#EEEEEE;
	margin:20px 0 0;
	padding:10px 5px 10px;
	border-radius:4px;
	text-align:center;
}
#serviceArea h3 {
	margin:0;
}
#serviceArea div {
	background:#FFF;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:10px 0 0;
	padding:15px 1px 15px 0;
}
#serviceArea div p {
	text-align:left;
	margin:15px 9px 0;
}
#serviceArea a img {
	margin:10px 0 0;
}



/*==================================================

pagetop
==================================================*/

#pagetop {
	position:fixed;
	right:20px;
	bottom:170px;
}



/*==================================================

footer
==================================================*/

#footer {
	margin:50px 0 0;
	border-top:1px solid #DDDDDD;
	padding:30px 0 0;
	min-width:100%;
}
#footer .wrap > ul {
	float:left;
	display:inline;
	min-height:180px;
}
#footer .wrap > ul {
	margin:0 0 0 50px;
	padding:0 0 0 20px;
	border-left:1px solid #DDDDDD;
}
#footer .wrap ul li {
	background:url(../img/common/ico_tri_orange_right.png) no-repeat left 5px;
	padding:0 0 0 11px;
	margin:5px 0 0;
}
#footer .wrap > ul > li.first {
	margin:0;
}
#footer small {
	display:block;
	color:#FFF;
	background:#FF8000;
	font-size:84.6%;
	text-align:center;
	margin:30px 0 0;
	padding:6px 0 120px;
}


/* footerLogo */

#footer #footerLogo {
	float:left;
	display:inline;
}
#footer #footerLogo ul {
	margin:15px 0 0;
}