/*
Theme Name: shayukai
Theme URI: http://dev.shayukai.icm.co.jp/
Author: 伊藤忠建機社友会
Author URI: http://dev.shayukai.icm.co.jp/
Description: 伊藤忠建機社友会
Version: 1.0
License: 
License URI: http://dev.shayukai.icm.co.jp/
*/
@charset "UTF-8";

/* ------------------------------------------------------
 CSS Reset
------------------------------------------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {line-height:1;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}
ul li {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {content:'';content:none;}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs
ins {background-color:#ff9;color:#000;text-decoration:none;}
*/

/* change colours to suit your needs */
mark {background-color:#ff9;color:#000; font-style:italic;font-weight:bold;}
del {text-decoration:line-through;}
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
table {border-collapse:collapse;border-spacing:0;}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #ccc;
	margin:1em 0;
	padding:0;
}

input, select {vertical-align:middle;}

/* Clearfix
------------------------------------------------------ */
.clear:before,
.clear:after,
div:before,
div:after {content:"";display:table;}
.clear:after {clear:both;}
/* For IE 6/7 (trigger hasLayout) */
.clear {zoom:1;}


/* ----------------------------------------------------------
 Common
---------------------------------------------------------- */
body {
	background:#482305;
	color:#482305;
	font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:140%;
	font-weight:normal;
}

/* div幅(Default) */
div {width:auto;}

/* 画像(Default) */
img {border:0; vertical-align:top;}

/* Link */
a:link {color:#06c;}
a:visited {color:#06c;}
a:hover {text-decoration:none;}
a:active {color:#06c; text-decoration:none;}
	
/* 横・左寄せ */
.alignL {text-align:left !important;}
/* 横・中央寄せ */
.alignC {text-align:center !important;}
/* 横・右寄せ */
.alignR {text-align:right !important;}

/* 縦・上寄せ */
.valignT {vertical-align:top !important;}
/* 縦・中央寄せ */
.valignM {vertical-align:middle !important;}
/* 縦・下寄せ */
.valignB {vertical-align:bottom !important;}

/* box・中央寄せ */
.maAuto {margin:0 auto !important;}

/* 位置起点 */
.posiAbs {position:absolute !important;}
.posiRel {position:relative !important;}
/* 絶対位置・上付 */
.posiT {top:0 !important;}
/* 絶対位置・右付 */
.posiR {right:0 !important;}
/* 絶対位置・下付 */
.posiB {bottom:0 !important;}
/* 絶対位置・左付 */
.posiL {left:0 !important;}

/* float */
.floatL {float:left !important;}
.floatR {float:right !important;}
.floatN {float:none !important;}
.clearB {clear:both !important;}

/* Font Size */
.size01 {font-size:1% !important;}
.size10 {font-size:64% !important;}
.size12 {font-size:76% !important;}
.size14 {font-size:88% !important;}
.size16 {font-size:100% !important;}
.size18 {font-size:112% !important;}
.size20 {font-size:126% !important;}
.size22 {font-size:138% !important;}
.size24 {font-size:150% !important;}

/* Line Height */
.lineH100p {line-height:100% !important;}
.lineH120p {line-height:120% !important;}
.lineH140p {line-height:140% !important;}
.lineH160p {line-height:160% !important;}
.lineH180p {line-height:180% !important;}

/* Font Color */
.fontBlack {color:#000 !important;}
.fontWhite {color:#fff !important;}
.fontRed {color:#c00 !important;}
.fontBlue {color:#00ccff !important;}
.fontRgray {color:#999 !important;}

/* Font Bold */
.fontBold {font-weight:bold !important;}

/* Font Nowrap */
.fontNowrap {white-space:nowrap;}

/* 背景色 */
.bgBlack {background:#000;}
.bgWhite {background:#fff;}

/* ----- List Style ----- */
/* Disk */
.listDisc {padding-left:1.5em;}
.listDisc > li {list-style:disc;}
/* Decimal */
.listDecimal {padding-left:2.0em;}
.listDecimal > li {list-style:decimal}

/* margin */
.mtClr {margin-top:0 !important;}
.mt05 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mbClr {margin-bottom:0 !important;}
.mb05 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.mlClr {margin-left:0 !important;}
.ml05 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml90 {margin-left:90px !important;}

.mrClr {margin-right:0 !important;}
.mr05 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}

.mgClr {margin:0 !important;}
.ma05 {margin:5px !important;}
.ma10 {margin:10px !important;}
.ma15 {margin:15px !important;}
.ma20 {margin:20px !important;}

/* padding */
.ptClr {padding-top:0 !important;}
.pt05 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pbClr {padding-bottom:0 !important;}
.pb05 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.plClr{padding-left:0 !important;}
.pl05 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

.prClr {padding-right:0 !important;}
.pr05 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}

.pdClr {padding:0 !important;}
.pa05 {padding:5px !important;}
.pa10 {padding:10px !important;}
.pa15 {padding:15px !important;}
.pa20 {padding:20px !important;}

/* width */
.wAuto {width:auto !important;}
.w100p {width:100% !important;}
.w95p {width:95% !important;}
.w90p {width:90% !important;}
.w85p {width:85% !important;}
.w80p {width:80% !important;}
.w75p {width:75% !important;}
.w70p {width:70% !important;}
.w65p {width:65% !important;}
.w60p {width:60% !important;}
.w55p {width:55% !important;}
.w50p {width:50% !important;}
.w45p {width:45% !important;}
.w40p {width:40% !important;}
.w35p {width:35% !important;}
.w33p {width:33% !important;}
.w30p {width:30% !important;}
.w25p {width:25% !important;}
.w20p {width:20% !important;}
.w15p {width:15% !important;}
.w10p {width:10% !important;}
.w05p {width:5% !important;}

/* border */
.noBorder {border:0 !important;}

/* opacity */
.opacity10 {opacity:0.1 !important;}
.opacity20 {opacity:0.2 !important;}
.opacity30 {opacity:0.3 !important;}
.opacity40 {opacity:0.4 !important;}
.opacity50 {opacity:0.5 !important;}
.opacity60 {opacity:0.6 !important;}
.opacity70 {opacity:0.7 !important;}
.opacity80 {opacity:0.8 !important;}
.opacity90 {opacity:0.9 !important;}

/* display */
.dspN {display:none !important;}
.dspB {display:block !important;}
.dspI {display:inline !important;}
.dspIb {display:inline-block !important;}
.dspT {display:table !important;}
.dspTc {display:table-cell !important;}
.dspTc {/float:left !important; /display:inline-block !important; /zoom:1 !important;} /* IE6/7 */

/* ----- notes ----- */
/* 01 */
.notes_01 {padding-left:1em; text-indent:-1em !important;}


/* ------------------------------------------------------
 Layout
------------------------------------------------------ */
#wrap {background:url(img/body_bg.png); border-top:14px solid #482305;}
#wrapper {background:#f9f9ef; border-left:1px solid #d5d2b1; border-right:1px solid #d5d2b1; width:1000px; margin:0 auto;}

/* ----- header ----- */
#header {border-bottom:3px solid #482305; padding:17px 20px 15px;}
#header .logo {float:left;}
#header .logo_icm {float:right;}

/* ----- mframe ----- */
#mframe {padding:15px 10px 30px;}

/* ----- container ----- */
#container {float:right; width:670px;}

/* ----- sideBar ----- */
#sideBar {float:left; width:290px;}
#sideBar .sideMneu {border:2px solid #482305;}
#sideBar .sideMneu li {border-bottom:1px dashed #482305;}
#sideBar .sideMneu li:last-child {border-bottom:none;}
#sideBar .sideMneu a {background:url(img/arrow_01.png) 15px 20px no-repeat; display:block; padding:15px 15px 15px 30px; font-size:112%;}
#sideBar .sideMneu a:hover {background:url(img/arrow_01.png) #ffd2aa 15px 20px no-repeat;}
#sideBar .sideMneu a.m_on {background:url(img/arrow_01.png) #ffd2aa 15px 20px no-repeat;}

/* ----- pageTop ----- */
#pageTop {clear:both; width:980px; margin:0 auto; text-align:right;}

/* ----- footer ----- */
#footer {padding:20px;}


/* ------------------------------------------------------
 Login
------------------------------------------------------ */
#login {width:670px; margin:0 auto; padding:40px;}
#login .loginBox {background:#fff; border:2px solid #482305; padding:40px 20px;}
#login th {font-weight:100; font-size:150%; line-height:100%; text-align:right; vertical-align:middle; padding-right:20px;}
#login td {vertical-align:middle;}
#login input {width:200px;}


/* ------------------------------------------------------
 Common Parts
------------------------------------------------------ */
/* ----- hxx ----- */
/* h1 */
h1 {background:#482305; color:#fff; font-size:150%; line-height:100%; font-weight:normal; margin-bottom:20px; padding:14px 10px;}
/* h2 */
h2 {background:#dfcdbe; border:2px solid #482305; border-bottom:none; font-size:126%; line-height:120%; font-weight:normal; color:#482305; padding:13px 10px;}

/* ----- contentBox ----- */
.contentBox {border:2px solid #482305; margin-bottom:20px; padding:15px 10px;}

/* ----- pastBox ----- */
.pastBox {border:2px solid #482305; margin-bottom:20px; padding:0 10px;}

/* ----- List ----- */
.listStd li {border-bottom:1px dashed #482305; padding:10px 0;}
.listStd li:last-child {border-bottom:none;}

/* ----- table ----- */
/* Standard */
.tableStd {border:1px solid #482305 !important;}
.tableStd th {border:1px solid #482305 !important; background:#dfcdbe !important; padding:5px !important;}
.tableStd td {border:1px solid #482305 !important; padding:5px !important;}
/* No Decoration */
.tableNoDeco {border:none !important;}
.tableNoDeco th,.tableNoDeco td {border:none !important; background:none !important;}

/* ----- date ----- */
.date {font-size:88%; line-height:100%; text-align:right; margin-bottom:15px;}
.pastDate {font-size:88%; line-height:100%;}

/* ----- contribute ----- */
.contributeDate {font-size:88%; line-height:100%; float:left;}
.contributor {font-size:88%; line-height:100%; float:right;}

/* ----- Form ----- */
.tableStd {border:1px solid #482305;}
.formTable th,.formTable td {padding:20px 10px;}
.formTable th {border:1px solid #482305; background:#dfcdbe; white-space:nowrap;}
.formTable td {border:1px solid #482305;}
.formTable .formBg01 {background:#eef2f8;}
.formTable .formBg02 {background:#dee7f7;}
.formTableInner th,.formTableInner td {padding:0 0 20px;}
.formTableInner th {border:none; background:none; white-space:nowrap; font-weight:normal; text-align:left;}
.formTableInner td {border:none;}
/* Parts */
input,select,textarea {border:1px solid #abadb3; padding:5px; font-size:16px; line-height:100%; position:relative;}
input[type="checkbox"],input[type="radio"] {border:none; top:-2px; margin-right:10px;}
.formContact {font-size:14px; border:3px solid #f93;}
.formBtn {background:transparent; border:0;}
.formScroll {overflow:auto; width:600px; height:300px;}
.formImeNone {ime-mode:disabled;}

/* ----- albumTmb ----- */
.albumTmb {margin-left:-15px;}
.albumTmb a {float:left; display:block; margin:0 0 15px 15px;}

/* End Of CSS
------------------------------------------------------ */

/* ------------------------------------------------------
 admin editor float
------------------------------------------------------ */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
	}
.alignleft {
	float: left
	}
.pagination {
	clear:both;
	font-size:11px;
	line-height:13px;
}

/* ------------------------------------------------------
 pagination
------------------------------------------------------ */
.pagination span, .pagination a {
	display:block;
	float:left;
	margin: 2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background: #482305;
}
.pagination a:hover {
	color:#fff;
	background: #3279BB;
}
.pagination .current {
	padding:6px 9px 5px 9px;
	background: #3279BB;
	color:#fff;
}