/*===============================================
●pc用.css 画面の横幅が641px以上（タブレット共通）
===============================================*/

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#wrapper{
width:100%;
}

.pc {
	display:block;
}

.sp {
	display:none;
}

.contents-960 {
	width:960px;
	margin:0 auto;
}




/***************** top&base *********************/

#header-sp {
	display:none;
}

#header {
	background-image: url(../images/top&base/header-back.jpg);
	background-repeat: repeat-x;
	height: 110px;
	width: 100%;
}

#header-inner {
	width:960px;
	margin:0 auto;
}

#header-left {
	width: 463px;
	float: left;
	position: relative;
	top: 32px;
}

#header-left img {
}

#header-left h1 {
	font-size: 11px;
}

#header-middle {
	float: left;
	margin-left: 65px;
	position: relative;
	top: 37px;
}

#header-right {
	float: right;
	position: relative;
	top: 37px;
}

#navigation {
	background-image: url(../images/top&base/navi-back.jpg);
	background-repeat: repeat-x;
	height: 111px;
	width: 100%;
}

#navigation ul {
	width:1120px;
	margin:0 auto;
	padding-top:1px;
}

#navigation ul li {
	float: left;
}

.create-inn {
	width: 215px;
	float: left;
	margin-left: 15px;
}

.create_menu .create-inn{
	width: 150px;
	margin-left: 27px;
}

.aff-inn {
	padding:0 !important;
}

.aff-inn li {
	margin-bottom:8px;
	padding:0 0 0 10px !important;
	border:none !important;
	font-size:13px;
	line-height:1.5em;
	background-image:url(../images/top&base/icon-orange.png);
	background-repeat: no-repeat;
	background-position: left 2px;
}

.aff-inn li a {
	color:#ffffff;
}

.aff-inn li a:hover {
	color:#f39800;
}

.create-inn p {
	text-align:center;
}

.megamenu a:hover img {
	filter:alpha(opacity=70);
	opacity:0.70;
}

.megamenu a:hover {
	color:#F96;
}

.down-inn p {
	background-image:url(../images/top&base/icon-orange.png);
	background-repeat: no-repeat;
	background-position: left 8px;
	padding:0 0 0 10px !important;
}

#branding {
	width: 100%;
}

#contents-wrap {
	width: 100%;
	margin-top: 10px;
}

.top-service {
}

.top-service ul {
	position: relative;
	top: 200px;
}

.top-service ul li {
	line-height: 1.4em;
	padding-left: 20px;
	font-size: 13px;
}

#top-01 {

}

#top-01 h2 {
	float: left;
	height: 341px;
	width: 271px;
}

.top-01-each {
	float:left;
	margin-left:13px;
	width:216px;
}


.top-01-right {
	width:216px;
	float:right;
}

#top-011 {
	background-image: url(../images/top&base/top-011.png);
	background-repeat: no-repeat;
	height: 285px;
	width: 216px;
}

#top-011:hover {
	background-image: url(../images/top&base/top-011_on.png);
}

#top-012 {
	background-image: url(../images/top&base/top-012.png);
	background-repeat: no-repeat;
	height: 285px;
	width: 216px;
}

#top-012:hover {
	background-image: url(../images/top&base/top-012_on.png);
}

#top-013 {
	background-image: url(../images/top&base/top-013.png);
	background-repeat: no-repeat;
	height: 285px;
	width: 216px;
}

#top-013:hover {
	background-image: url(../images/top&base/top-013_on.png);
}

#top-03 {
	background-image: url(../images/top&base/top-03-back.jpg);
	background-repeat: repeat;
	padding:30px 0;
}

#top-03 h2 {
	margin-bottom:20px;
}

#top-03 h2 img {
	margin:0 auto;
}

.top-03-box {
	border:solid 1px #e0eef5;
	background:#ffffff;
	padding:20px 0;
	margin-top:15px;
}

.top-03-inner {
	width:920px;
	margin:0 auto;
}

.top-03-inner a:hover img {
	filter:alpha(opacity=70);
opacity:0.70;
transition: 0.5s;
}

.top-031 img {
	float:right;
	margin:0 0 1px 20px;
}

.top-031 h3 {
	font-size: 18px;
	font-weight: bold;
	color: #0075aa;
	background-image: url(../images/top&base/allow-blue.jpg);
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 17px;
}

.top-031 p {
	margin-top:8px;
}

.top-032 {
	margin:20px auto 0 auto;
}

#top-lineup {
	margin-top:35px;
}

#top-lineup h3 img {
	margin:0 auto;
}

#lineup-menu {
	margin-top:20px;
}

#lineup-menu img {
	float:left;
	margin:0 0 10px 10px;
}

#lineup-menu a:hover img {
	filter:alpha(opacity=70);
opacity:0.70;
transition: 0.5s;
}

#top-02 {
	margin-top: 40px;
	background-color: #f5f5f5;
	padding:30px 0;
}

#news {
	width: 632px;
	float:left;
}

#news-contents {
	height: 311px;
	width: 632px;
	background-image: url(../images/top&base/news-back.png);
	background-repeat: no-repeat;
}

#top-banner {
	width: 296px;
	float: right;
	margin-top: 68px;
}

#top-banner img {
	margin-bottom:10px;
}

#top-banner a:hover img {
	filter:alpha(opacity=50);
	opacity:0.50;
}

.contact-each-page {
	padding:30px 0;
}

.go-form {
	background-image: url(../images/top&base/go-contact-back.jpg);
	background-repeat: no-repeat;
	height: 95px;
	width: 650px;
	float: left;
}

.go-form img {
	position: relative;
	left: 380px;
	top: 51px;
}

.go-recruit {
	width: 310px;
	float: right;
}

.contact-each-page a:hover img {
	filter:alpha(opacity=50);
	opacity:0.50;
}

#footer {
	margin-top: 50px;
}

#footer-01 {
	background-color: #fcfafa;
	width: 100%;
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #e2e1de;
	padding:20px 0;
}

#footer-left {
	float: left;
	width: 305px;
}

#footer-left h3 {
}

#footer-left p {
	font-size: 13px;
	line-height: 1.3em;
	margin-top: 20px;
}

#footer-right {
	float: right;
	font-size: 13px;
}

#footer-right tr th {
	text-align: left;
	padding-left: 10px;
}

#footer-02 {
	background-color: #f39800;
	color: #FFF;
	font-size: 13px;
	padding:10px 0;
}

#footer-02 a {
	color:#ffffff;
}

#footer-02 a:hover {
	color:#CCC;
}

#footer-021 {
	float: left;
	background-image: url(../images/top&base/icon-sitemap.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 13px;
}

#footer-022 {
	float: left;
	background-image: url(../images/top&base/icon-policy.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 13px;
	margin-left: 10px;
}





/***************** 下層ページレイアウト *********************/

#left-body {
	width:720px;
	float:left;
}

#right-body {
	width:210px;
	float:right;
}

#side-navi {
}

#side-navi h3 {
	background-color:#6bafec;
	color:#ffffff;
	font-size:17px;
	font-weight:bold;
	line-height:37px;
	text-align:center;
}





/********** アコーディオン **********/


.category {
	line-height:35px;
	cursor:pointer;
	padding-left: 24px;
	background-color:#ededed;
	color:#333333;
	background-image: url(../images/top&base/icon-side-01.png);
	background-repeat: no-repeat;
	background-position: 12px 11px;
	border-top:solid 1px #ffffff;
}

ul.fxmn li a{
	height: 35px;
	display:block;	
}

ul.fxmn li{
	border-bottom:solid 1px #ededed;
	line-height:35px;
	background-image: url(../images/top&base/icon-side-02.png);
	background-repeat: no-repeat;
	background-position: 20px 11px;
	padding-left: 31px;
}

/********** アコーディオンここまで **********/


#side-bannar img {
	margin-top:15px;
}

.banner-text {
}

.banner-text p {
	font-size: 12px;
	margin-top: 3px;
	line-height: 1.3em;
}

#contact-box {
	background-image: url(../images/top&base/contact-box.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 720px;
	margin-top: 50px;
}

#contact-box img {
	position: relative;
	left: 444px;
	top: 78px;
}

#contact-box a:hover img {
	filter:alpha(opacity=50);
	opacity:0.50;
}


.megamenu ul{
    width:200px !important;
} 


/********************* ぱんくずリスト **************************/

#breadList{
    width:960px;
    margin:10px auto 0 auto;
    font-size:12px;
}

#breadList li{
    float:left;
}

#breadList li a{
    text-decoration:underline;
}