@charset "utf-8";

/* ページカラー */
body {
	/* 文字色 */
	color: #515151;
	/* 背景色 */
	/*background-color:#FFFFFF;*/
	background-image: url(../p-img/100216_1/bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center center;
}

/* ページ全体枠のカラー */
#wrapper {
	/*background-color:#efefef;*/
	background-color: rgba( 0,0,50,0.70);
}

/* -----------------------------------------------------------------------------
 Header
----------------------------------------------------------------------------- */
/* 「ヘッダー」のカラー */
#header-area {
	background-color:#FFFFFF;
	border-top:3px solid #264AAC;
	color: #333333;
}
#header-area h1 {
	background: url(../p-img/100216_1/logo.png) no-repeat 10px center;
	padding-left: 100px;
}

#breadcrumb { color: #FFFFFF; }
#breadcrumb a { color: #FFFFFF; text-decoration: none!important; }
#breadcrumb a:link, #breadcrumb a:visited { color: #FFFF00!important; }
#breadcrumb a:hover, #breadcrumb a:active { color: #FF9900!important; text-decoration: underline!important; }

@media screen and (max-width:640px){
#header-area h1 {
	background: url(../p-img/100216_1/logo_s.png) no-repeat 10px center;
	padding-left: 60px;
}
	
}

/* -----------------------------------------------------------------------------
 Original
----------------------------------------------------------------------------- */
#contents-area .box#work .trisection#work_img02 {
	margin-bottom: 40px;
}

#contents-area .box#jirei .trisection p {
	margin:10px 0 0 0;
}
/*#contents-area .box#jirei .trisection div[id^="node"] p {
	margin:20px 0 0 0;
	border-bottom: 1px dotted #2A2A2A;
}*/
#contents-area .box#jirei .trisection div div p {
	margin:20px 0 0 0;
	border-bottom: 1px dotted #2A2A2A;
}
#contents-area .box#jirei .trisection p img {
	margin-bottom:0!important;
}

#contents-area .box#jirei .half p {
	margin:10px 0 0 0;
}
/*#contents-area .box#jirei .half div[id^="node"] p {
	margin:20px 0 0 0;
	border-bottom: 1px dotted #2A2A2A;
}*/
#contents-area .box#jirei .half div div p {
	margin:20px 0 0 0;
	border-bottom: 1px dotted #2A2A2A;
}
#contents-area .box#jirei .half p img {
	margin-bottom:0!important;
}

#bt_mail {
    font-weight: bold;
    padding: 10px 30px;
    color: #fff;
    border-style: none;
    /* グラデーションの指定 */
    background: -moz-linear-gradient(bottom, #36d, #248 50%, #36d);
    background: -webkit-gradient(linear, left bottom, left top, from(#36d), color-stop(0.5, #248), to(#36d));
    /* 角丸の指定 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	/* カーソル変更 */
	cursor: pointer;
}
#bt_mail:hover {
/* 透明度を20%に指定 */
    opacity: 0.8;
}

#contents-area #order div.form_mail {
	margin-left: 20px;
	margin-top: 20px;
}

@media screen and (max-width:640px){
#contents-area .box#work .trisection#work_img02 {
	margin-bottom: 20px;
}
#contents-area .box#jirei .trisection {
	margin-left: 10px;
	margin-right: 10px;
}

#contents-area #order div.form_mail {
	margin-left: 10px;
}
	
}
/* -----------------------------------------------------------------------------
 Contents
----------------------------------------------------------------------------- */
/* 編集後にコメントアウト */
/*#menu-bottom-area {
	margin-top: 350px;
}*/

/* 「お知らせ」のカラー */
#today-area {
	/*background-color:#FFFFFF;*/
	background-color: rgba( 255,255,255,0.80);
	border:1px solid #264AAC;
}

/* ノードの背景カラー */
#contents-area .box {
	/*background-color:#FFFFFF;*/
	background-color: rgba( 255,255,255,0.80);
}

/* ノードの見出しカラー H2 */
#contents-area .box h2 {
	font-weight: bold;
	color: #1E2E4E;
	border-left:7px solid #264AAC;
	font-size: 130%;
}

/* ノードの見出しカラー H3 */
#contents-area .box h3 {
	font-weight: bold;
	border-bottom:1px dotted #999999;
	font-size: 120%;
}

/* リストのアイコン */
#contents-area .box ul li {
	background:url(../p-img/100216_1/ico1.png) left center no-repeat;
}

/* tableのカラー */
#contents-area .box table.table-style1 th {
	background-color:#CCCCCC;
	border: 1px solid #999999;
}

#contents-area .box table.table-style1 td {
	background-color:#FFFFFF;
	border: 1px solid #999999;
}

/* 「About Us」のカラー */
#contents-area .box dl dt {
	color:#443102;
	background:url(../p-img/100216_1/ico_dt.gif) left center no-repeat;
}

#contents-area #menu-bottom-area .box table td,
#contents-area #menu-bottom-area .box table th{
	border: 1px solid #4868C0;
	text-align:left;
}

#contents-area #menu-bottom-area .box table th{
	color: #0A1C4D;
	background-color: #E2EEFF;
	font-weight: bold;
}
#contents-area #menu-bottom-area .box table td{
	background-color: #FFFFFF;
}
/* 「About Us」追加設定 */
#contents-area #menu-bottom-area .box.about {
	width: auto!important;
	float: none;
}

#contents-area #menu-bottom-area .box table {
	width: 900px;
}

/* ウィンドウが640px未満時の「About Us」のカラー */
@media screen and (max-width:640px){

#contents-area #menu-bottom-area .box table td,
#contents-area #menu-bottom-area .box table th{
	border: none;
	background-color: transparent;
}

#contents-area #menu-bottom-area .box table th{
	color: #0A1C4D;
	background:transparent url(../p-img/100216_1/ico_dt.gif) left center no-repeat;
}
#contents-area #menu-bottom-area .box table {
	width: auto;
}

}

/* -----------------------------------------------------------------------------
 Footer
----------------------------------------------------------------------------- */
#footer-area {
	background-color:#FFFFFF;
}

#footer-area .link {
	border-bottom:1px solid #efefef;
}

#footer-area .link a {
	color:#515151;
}

#footer-area .link a:hover {
	color:#E32828;
}

/* ページトップへ戻る */
#footer-area .pagetop img {
	border:1px solid #999999;
}
@media screen and (max-width:640px){
#footer-area .pagetop {
	position: fixed;
	bottom: 5px;
	right: 5px;
	top: auto;
	left: auto;
}
}