a {
	color:#4169E1;
	text-decoration:none;
}
a.black {
	color:#4c4c4c;
	text-decoration:none;
}
a.gray {
	color:#565656;
	text-decoration:none;
}
a.orange {
	color:#ED8C01;
	text-decoration:none;
}
a.white {
	color:#fff;
	text-decoration:none;
}
a.underline {
	text-decoration:underline;
}
a:hover {
	text-decoration: underline;
}

a.orange-arrow {
	background: url("/image/orange_arrow_1.gif") no-repeat 0 50%;
	padding: 0 0 0 12px;
}
a.orange-arrow-2 {
	background: url("/image/orange_arrow_2.gif") no-repeat 0 50%;
	padding: 0 0 0 9px;
}
a.orange-arrow-3 {
	background: url("/image/orange_arrow_3.gif") no-repeat 0 30%;
	padding: 0 0 0 12px;
}
a.orange-arrow-4 {
	background: url("/image/orange_arrow_4.gif") no-repeat 0 30%;
	padding: 0 0 0 12px;
}
a.orange-arrow-5 {
	background: url("/image/orange_arrow_5.gif") no-repeat 0 50%;
	padding: 0 0 0 15px;
}
a.orange-arrow-6 {
	background: url("/image/orange_arrow_6.gif") no-repeat 0 30%;
	padding: 0 0 0 15px;
}
a.orange-arrow-7 {
	background: url("/image/orange_arrow_7.gif") no-repeat 0 40%;
	padding: 0 0 0 12px;
}
a.orange-arrow-8 {
	background: url("/image/orange_arrow_3.gif") no-repeat 0 50%;
	padding: 0 0 0 12px;
}
a.orange-arrow-9 {
	background: url("/image/orange_arrow_9.gif") no-repeat 0 40%;
	padding: 0 0 0 13px;
}
a.orange-arrow-10 {
	background: url("/image/orange_arrow_10.gif") no-repeat 0 30%;
	padding: 0 0 0 13px;
}
a.orange-arrow-11 {
	background: url("/image/orange_arrow_11.gif") no-repeat 0 50%;
	padding: 0 0 0 13px;
}
.hand {
	cursor:hand;
	cursor:pointer;
}
.link {
	color:#4169E1;
	cursor:hand;
	cursor:pointer;
}
.wordhide {
	display:none;
}
.tag0 {
	font-size:11px;
}
.tag1 {
	font-size:14px;
}
.tag2 {
	font-size:22px;
}
.tag2 {
	font-size:28px;
}

.color0 {
	color:#3C9E1B;
}
.color1 {
	color:#E15353;
}
.color2 {
	color:#9D284F;
}
.color3 {
	color:#CE9700;
}
.color4 {
	color:#7392E7;
}
.color5 {
	color:#FFC529;
}
.color6 {
	color:#EFA4DC;
}
.small {
	font-size:10px;
}

select {
	font-size:14px;
}

/* ヘッダ */
div#header {
	text-align: center;
	margin: 0 0 0 0;
}

div#header div#header-inner {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

div#header div#header-inner div#logo {
	float: left;
	width: 303px;
	padding: 20px 0 0 0;
}

div#header div#header-inner div#headline {
	float: left;
	width: 197px;
	padding:10px 0 0 0;
}
div#header div#header-inner div#headline td {
	height: 55px;
	vertical-align: middle;
	line-height: 130% ;
}
div#header div#header-inner div#headline td h1 {
	font-weight:normal;
}
/* ログイン */
div#header div#header-inner div#loginbox {
	float: right;
	width: 420px;
	margin: 10px 0;
}

/* ログイン前 */
#loginbox-inner {
    float: right;
    height: 35px;
    padding: 10px 0;
}
.designcompanyLogin, .mypageLogin {
	width: 159px;
	text-align: center;
	border-left: 1px solid #ccc;
}
.designcompanyLogin {
	float: left;
}
.designcompanyLogin__link, .mypageLogin__link {
    color: #686868;
    display: inline-block;
    font-weight: bold;
    margin: 0 auto;
    padding-left: 30px;
    text-align: left;
    line-height: 14px;
}
.designcompanyLogin__link {
	background:url("/image/common/icon_header_sprite.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
}
.mypageLogin {
	float: right;
	border-right: 1px solid #ccc;
}
.mypageLogin__link {
	background:url("/image/common/icon_header_sprite.png") no-repeat scroll 0 -65px rgba(0, 0, 0, 0);
}
.designcompanyLogin__upperText, .mypageLogin__upperText {
	font-size: 11px;
	font-weight: normal;
}
.designcompanyLogin__lowerText, .mypageLogin__lowerText {
	font-size: 12px;
}

/* ログイン後 */
div#header div#header-inner div#loginbox div#loginbox-inner-2 {
	padding: 0 10px 10px 15px;
}
	div#header div#header-inner div#loginbox div#loginbox-inner-2 img {
		display:block;
	}
	div#header div#header-inner div#loginbox div#loginbox-head {
		margin:0 0 5px 0;
	}
	div#header div#header-inner div#loginbox div#loginbox-head div#loginbox-head-left {
		float:left;
		width:300px;
		margin-left: 20px;
	}
	div#header div#header-inner div#loginbox div#loginbox-head div#loginbox-head-right {
		float:right;
		width:62px;
	}
	div#header div#header-inner div#loginbox div#loginbox-foot {
		padding:0 0 0 9px;
	}
	div#header div#header-inner div#loginbox div#loginbox-foot li {
		float:left;
		padding:0 0 0 10px;
	}

/* グローバルナビ1 */
div#globalnavi-1 {
	height: 26px;
	background: url("/image/globalnavi_1_back.jpg");
	text-align: center;
}

div#globalnavi-1 div#globalnavi-1-inner {
	width: 950px;
	margin: 0 auto;
	padding: 4px 0 0 0;
	text-align: left;
}

div#globalnavi-1 li {
	float: left;
	text-align: right;
}

div#globalnavi-1 li.g-1-li-1 {
	width: 280px;
}

div#globalnavi-1 li.g-1-li-2 {
	width: 120px;
}

div#globalnavi-1 li.g-1-li-3 {
	width: 100px;
}

div#globalnavi-1 li.g-1-li-4 {
	width: 80px;
}

div#globalnavi-1 li.g-1-li-5 {
	width: 110px;
}

div#globalnavi-1 li.g-1-li-6 {
	width: 115px;
}

div#globalnavi-1 a {
	color: #fff;
}

#adminLoginInfo {
	top: 0;
	right: 0;
	position: fixed;
	background-color: #ff2222;
	color: #ffffff;
	font-weight: bold;
	font-size: 16px;
	padding: 10px;
	width: 250px;
	height: auto;
	border-radius: 5px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 9999;
	line-height: 150%;
}

/* コンテンツ */
div#content {
	text-align: center ;
	margin:0 0 20px 0;
}
	div#content div#content-inner {
		width:950px;
		margin: 0 auto;
		text-align: left ;
	}

/* ページトップ */
div#pagetop {
	clear:both;
	padding:2px 4px 2px 2px ;
	background-color: #eee ;
	text-align:right;
	margin:0 0 20px 0;
}

/* フッター */
div#footer {
	background-color: #f3f3f3;
	text-align: center ;
}
	div#footer div#footer-inner {
		width:950px;
		margin:0 auto;
		text-align: left ;
	}
		div#footer div#footer-inner div#footer-head {
			padding:0;
		}
			div#footer div#footer-inner div#footer-head div#footer-head-block-1 {
				float:left;
				width:530px;
				padding:0 0 5px 0;
			}
			div#footer div#footer-inner div#footer-head div#footer-head-block-3 {
				float:left;
				width:630px;
				padding:0 0 5px 0;
			}
				div#footer div#footer-inner div#footer-head div#footer-head-block-inner {
					padding:20px 0 0 20px;
				}
			div#footer div#footer-inner div#footer-head div#footer-head-block-2 {
				float:left;
				width:310px;
				padding:20px 0 20px 0;
			}
			div#footer div#footer-inner div#footer-head p a{
				font-weight: bold ;
				margin:0 0 5px 0;
				color: #565656;
			}
			div#footer div#footer-inner div#footer-head p.space {
				margin:20px 0 5px 0;
			}
			div#footer div#footer-inner div#footer-head li a{
				color:#595959;
				line-height: 170%;
			}
			div#footer div#footer-inner div#footer-head div#footer-head-0 {
				float:left;
				width:100px;
			}
			div#footer div#footer-inner div#footer-head div#footer-head-1 {
				float:left;
				width:175px;
			}
			div#footer div#footer-inner div#footer-head div#footer-head-2 {
				float:left;
				width:175px;
			}
			div#footer div#footer-inner div#footer-head div#footer-head-3 {
				float:left;
				width:160px;
			}
			div#footer div#footer-inner div#footer-head div#sns-banner {

				padding:34px 0 0 20px ;
			}
			div#footer div#footer-inner div#footer-head div#sns-banner p {
				font-size:10px;
				line-height: 11px;
				padding:0 0 10px 0;
				text-align:center;
				width:110px;
				font-weight:bold;
			}
			div#footer div#footer-inner div#footer-head div#sns-banner img {
				width:50px;
				height:50px;
			}
			div#footer div#footer-inner div#footer-head div#sns-banner div.twitter {
				margin:0 0 10px 0;
				float:left;
				text-align:center;
				font-size:13px;
			}
			div#footer div#footer-inner div#footer-head div#sns-banner div.facebook {
				margin:0 0 10px 15px;
				float:left;
				text-align:center;
				font-size:13px;
			}
			div#footer div#footer-inner div#footer-head div#footer-head-4 {
				float:left;
				width:150px;
			}
			div#footer div#footer-inner div#footer-head div#footer-head-5 {
				float:left;
				width:150px;
			}
		div#footer div#footer-inner div#footer-foot {
			border-top:1px #ccc solid;
			padding:10px 0;
			text-align: center ;
			font-size: 11px ;
			color: #666;
		}
			div#footer div#footer-inner div#footer-foot img {
				float:left;
				width:80px;
			}
.sp-change-area {
    background-color: #686868;
    padding: 20px 0;
    text-align: center;
}
.sp-change-area .btn-change {
    background-color: #686868;
    border: 5px solid #ababad;
    border-radius: 28px;
    color: #fff;
    display: block;
    font-size: 50px;
    font-weight: bold;
    line-height: 60px;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
    width: 940px;
    text-decoration: none;
    -webkit-appearance: none;
}
/* グローバルナビ3 */
div#globalnavi-3 {
	height: 37px;
	background: url("/image/globalnavi_3_back.jpg");
	text-align: center;
}

div#globalnavi-3 div#globalnavi-3-inner {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

div#globalnavi-3 div#globalnavi-3-inner li {
	float: left;
}

div#globalnavi-3 img {
	display: block;
}

/* ローカルナビ */
div#localnavi {
	height: 30px;
	background: url("/image/localnavi_back.jpg");
	text-align: center;
}
	div#localnavi div#localnavi-inner {
		width: 950px;
		margin: 0 auto;
		padding:5px 0;
		text-align: left;
	}
	div#localnavi div#localnavi-inner ul {
		padding:0 7px;
	}
	div#localnavi div#localnavi-inner li {
		display:inline;
		padding:0 15px 0 13px;
		background: url("/image/border.gif") no-repeat 100% 0;
	}
	div#localnavi div#localnavi-inner li.last {
		background:none;
	}
	div#localnavi img {
		display: block;
	}

/* ぱんくず */
div#topicpath {
	height: 31px;
	background: url("/image/topicpath_back.gif");
	text-align: center;
	margin:0 0 2px 0;
}
	div#topicpath #topicpath-inner {
		width: 950px;
		margin: 0 auto;
		padding:7px 0 0 0;
		text-align: left;
	}
#topicpath-inner li{
	background: url("/image/common/icon_topicpath.png") no-repeat 0 1px transparent;
	display:inline-block;
	padding-left:20px;
}
#topicpath-inner li:first-child{
	background:none;
	padding:0;
}
/* サブメニュー */
div#submenu {
	height: 31px;
	background: url("/image/submenu_back.jpg");
	text-align: center;
}
	div#submenu div#submenu-inner {
		width: 950px;
		margin: 0 auto;
		padding:7px 0 0 0;
		text-align: left;
	}
		div#submenu div#submenu-inner ul {
			float:right;
			width: 265px;
		}
			div#submenu div#submenu-inner li {
				display:inline;
				padding:0 15px 0 0;
				background: url("/image/border.gif") no-repeat 100% 0;
			}
			div#submenu div#submenu-inner li.last {
				padding:0 0 0 15px;
				background:none;
			}

/* グローバルナビフッター */
div#global-footer {
	border-top:1px #ccc solid;
	background-color: #efefef;
	padding:7px 0 12px 0;
	text-align: center ;
}
	div#global-footer div#global-footer-inner {
		width:950px;
		margin :0 auto;
		text-align:left;
		font-size:10px;
		line-height:145%;
	}
		div#global-footer div#global-footer-inner img {
			margin:1px 3px 0 0;
			float:left;
		}
		div#global-footer div#global-footer-inner a {
			color:#4D4D4D;
			margin:0 1px 0 0;
		}

		div#global-footer div#global-footer-inner li {
			display:inline;
			padding:0 3px 0 3px;
		}
		div#global-footer div#global-footer-inner li.line {
			border-left:1px solid #4D4D4D;
		}

/* ページング */
div.paging {
}
	div.paging div.count {
		float:left;
		width:200px;
		font-size:14px;
	}
	div.paging div.count span.number {
		font-size:24px;
		color:#eb6000;
	}
	div.paging div.index-link {
		float:right;
		width:750px;
		text-align: right ;
	}
	div.paging div.index-link li {
		display:inline;
		padding:0 3px;
		font-size:14px;
		font-weight: bold ;
	}
	div.paging div.index-link li.label1,div.paging div.index-link li.label2 {
		font-size:12px;
		font-weight: normal ;
	}
	div.paging a {
		text-decoration: underline ;
	}
	div.paging div.right {
		width:400px;
		text-align:right;
		float:right;
		font-size:14px;
	}
	div.paging div.right span.bold{
		font-weight:bold;
	}
#pager {
	display: inline-block;
	margin-bottom: 6px;
}
#pager li {
	display: inline;
	padding: 0 3px;
	font-weight: bold;
}
#pager .prevPage {
	font-size: 12px;
	font-weight: normal;
}
#pager .nextPage {
	font-size: 12px;
	font-weight: normal;
}
.paging .page-link{
	width: auto;
	float: right;
	margin-bottom: 8px;
}
.paging .page-list{
	text-align: center;
	float: left;
}
.paging .page-list li{
	float: left;
	margin-right: 10px;
}
.paging .page-list li:FIRST-CHILD{
	margin-left: 10px;
}
.paging .page-list li.omission{
	margin-right: 5px;
	margin-left: -5px;
}
.paging .page-list li.omission span{
	vertical-align: bottom;
	padding-top: 5px;
	color: #333333;
}
.paging .page-list li a,
.paging .page-list li span,
.paging .prev-link-box .prev-link,
.paging .next-link-box .next-link
{
	display: block;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
}
.paging .page-list li a,
.paging .prev-link-box .prev-link,
.paging .next-link-box .next-link
{
	background-color: #a79881;
	box-shadow: 0 2px 2px rgba(0,0,0,0.08);
	text-decoration: none;
	color: #fff;
}
.paging .page-list li a:HOVER,
.paging .prev-link-box .prev-link:HOVER,
.paging .next-link-box .next-link:HOVER
{
	background-color: #c0b3a0;
}
.paging .prev-link-box{
	float: left;
}
.paging .next-link-box{
	float: right;
}
.paging .prev-link-box .prev-link{
	padding: 6px 13px;
	border-radius: 6px 0 0 6px;
}
.paging .next-link-box .next-link{
	padding: 6px 13px;
	border-radius: 0 6px 6px 0;
}
.paging .page-list li .page-link{
	padding: 6px 0;
	width: 28px;
	text-align: center;
	border-radius: 4px;
}
.paging .page-list li .current-page{
	padding: 6px 0;
	width: 28px;
	text-align: center;
	background-color: #e9e9e9;
	border-radius: 4px;
	color: #383838;
}

/* エラー */
p.field-error {
	color:#E60012;
	font-weight: bold ;
	font-size:12px;
	line-height:140%;
	padding: 5px 0 0 0 ;
}

/* その他 */
.orange {
	color:#F39800;
}
.blue {
	color:#4169E1;
}
.red {
	color:#E60012;
}
.yellow{
	color:#999900;
}
.gray{
	color:#999999;
}
.m-b-5 {
	margin-bottom:5px;
}
.p-b-5 {
	padding-bottom:5px;
}
.m-b-10 {
	margin-bottom:10px;
}
.p-b-10 {
	padding-bottom:10px;
}
.m-b-15 {
	margin-bottom:15px;
}
.p-b-15 {
	padding-bottom:15px;
}
.m-t-5 {
	margin-top:5px;
}
.p-t-5 {
	padding-top:5px;
}
.m-t-10 {
	margin-top:10px;
}
.p-t-10 {
	padding-top:10px;
}
.m-t-15 {
	margin-top:15px;
}
.p-t-15 {
	padding-top:15px;
}
.m-t-20 {
	margin-top:20px;
}
.p-t-20 {
	padding-top:20px;
}
.empty {
	padding:10px;
}
.normal {
	font-weight:normal;
}

.clear {
	clear:both;
}

/* for modern brouser */
div:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html div {
	height: 1%;
}
div {
	display: block;
	*display: inline-block;
}
/* End hide from IE-mac */

div.reset:after {
	content: inherit;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

ul.radio,ul.check {
	display:block;
}
ul.radio li,ul.check li {
	float:left;
}
input.text {
	width:250px;
	font-size:14px;
}
input.text2 {
	width:400px;
	font-size:14px;
}
input.text3 {
	width:150px;
	font-size:14px;
}
input.text4 {
	width:100px;
	font-size:14px;
}
input.text5 {
	width:30px;
	font-size:14px;
}
input.text6 {
	width:200px;
	font-size:14px;
}
input.text7 {
	width:500px;
	font-size:14px;
}
input.file {
	*height:20px;
}
textarea.textarea {
	width:500px;
	height:180px;
	font-size:14px;
}
textarea.textarea2 {
	width:500px;
	height:130px;
	font-size:14px;
}
textarea.textarea3 {
	width:500px;
	height:500px;
	font-size:14px;
}
input.postcode1 {
	width:30px;
	ime-mode:disabled;
	font-size:14px;
}
input.postcode2 {
	width:40px;
	ime-mode:disabled;
	font-size:14px;
}
input.tel1,input.fax1 {
	width:40px;
	ime-mode:disabled;
	font-size:14px;
}
input.tel2,input.fax2 {
	width:40px;
	ime-mode:disabled;
	font-size:14px;
}
input.tel3,input.fax3 {
	width:40px;
	ime-mode:disabled;
	font-size:14px;
}
input.email1 {
	width:120px;
	ime-mode:disabled;
	font-size:14px;
}
input.email2 {
	width:150px;
	ime-mode:disabled;
	font-size:14px;
}
input.url {
	width:300px;
	font-size:14px;
	ime-mode:disabled;
}
input.number {
	ime-mode:disabled;
	font-size:14px;
}
input.username {
	width:250px;
	ime-mode:disabled;
	font-size:14px;
}
input.password {
	width:150px;
	ime-mode:disabled;
	font-size:14px;
}
.attention {
	font-weight: bold;
	color:#E60012;
	margin:0 0 10px 0;
}

/* 見出し */
h2#normal {
	background: url("/image/headline1.jpg") no-repeat;
	color:#333333;
	font-size:16px;
	height:33px;
	padding:15px 0 0 20px;
}
h2#company {
	background: url("/image/headline1_company.jpg") no-repeat;
	padding:16px 0 0 55px;
	height: 33px ;
	font-size: 16px ;
}
h2#work {
	background: url("/image/headline1_work.jpg") no-repeat;
	padding:16px 0 0 55px;
	height: 33px ;
	font-size: 16px ;
}
h2#matching {
	background: url("/image/headline1_matching.jpg") no-repeat;
	padding:16px 0 0 55px;
	height: 33px ;
	font-size: 16px ;
}
h2#example {
	background: url("/image/headline1_example.jpg") no-repeat;
	padding:16px 0 0 55px;
	height: 33px ;
	font-size: 16px ;
}
h2#contents {
	background: url("/image/headline1_contents.jpg") no-repeat;
	padding:16px 0 0 55px;
	height: 33px ;
	font-size: 16px ;
}
h3#full {
	background: url("/image/other_h3_back.jpg") no-repeat;
	padding:6px 0 0 20px;
	margin:0 0 10px 0;
	height: 24px ;
	font-size: 14px ;
	font-weight:bold;
	color: #fff ;
}


/* リセット */
html {
	margin:0;
	padding:0;
}
body {
	color: #333;
	background: #FFF;
	font-size: 12px;
	line-height: 150%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0;
}

fieldset,img {
	border: 0;
}

address,caption,cite,code,dfn,em,th,var {
	font-style: normal;
	font-weight: normal;
}

li {
	list-style: none;
}

caption,th {
	text-align: left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

h3,h4,h5,h6 {
	font-weight: normal;
}
q: before, q : after { content : '';}
abbr,acronym {
	border: 0;
	font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

/*because legend doesn't inherit in IE */
legend {
	color: #000;
}

del,ins {
	text-decoration: none;
}
.styleArea {
	margin-bottom: 20px;
	padding: 20px;
	background: #fff;
	border: 1px #ccc solid;
}
.styleArea .styleArea__title {
	margin-bottom: 10px;
	font-size: 13px;
	color: #666;
}
.styleArea .styleArea__questionList .li .a {
	margin-left: 20px;
	font-size: 12px;
	color: #666;
}