/*
	Theme Name: Rainmaker
	Theme URI: http://rain-maker.biz/
	Description: レインメーカー用
	Template: boilerplate
	Version: 1.0
	Author: Okihara
	Author URI: http://seep.co.jp/
*/

/** START HTML5 Boilerplate CSS **/

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/**
 * Address margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Correct margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/*! main.css  */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@media screen and (min-width: 800px){
body { width:100% ;}
body a { color:#333; text-decoration:none; }
body a:hover { color:#000; }
header {
	width:100% ; height:80px;
	position:relative;
	border-bottom:5px solid #ffa200;
}
header > a {
	display:block;
	width:415px; height:50px;
	position:absolute; left:50%; top:15px;
	background-image:url("images/simages/common/header_logo.gif");
	margin-left:-495px;
}
header p {
	width:170px; height:45px;
	position:absolute; left:50%; top:15px;
	background-image:url("images/simages/common/header_contact.gif");
	margin-left:325px;
}
ul { padding:0; }
.content {
	width:100% ;
	position:relative;
}
#phc {
	position:relative;
	width:100% ;
	height:280px;
	background: #ffa200 url("images/simages/otr/mi.jpg") no-repeat top center;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	box-shadow:0 13px 0 0 #ffa200;
}
.home #phc {
	height:350px;
	background-image: url("images/simages/top/mi.jpg");
}
.c-school #phc { background-image: url("images/simages/sch/mi.jpg"); }
.c-company #phc { background-image: url("images/simages/com/mi.jpg"); }

#phc h1 {
	width:378px; height:59px;
	position:absolute; top:90px; left:50%;
	margin-left:-460px;
}

.home #phc h1 {
	background-image:url("images/simages/top/phc_h1.png");
	width:593px; height:50px;
	position:absolute; left:50%; top:70px;
	margin-left:-297px;
}
.c-school #phc h1 {
	width:135px; height:190px;
	background-image:url("images/simages/sch/phc_h1.png");
	position:absolute; left:50%; top:30px;
	margin-left:-460px;
}
.c-company #phc h1 {
	width:135px; height:130px;
	background-image:url("images/simages/com/phc_h1.png");
	position:absolute; left:50%; top:60px;
	margin-left:-460px;
}
.c-toppage #phc h2 {
	background-image:url("images/simages/top/phc_h2.png");
	width:464px; height:28px;
	position:absolute; left:50%; top:135px;
	margin-left:-232px;
}
.home #phc p {
	width:446px; height:92px;
	position:absolute; left:50%; top:190px;
	margin-left:-223px;
	overflow: hidden;
}
.home #phc p a {
	display: block;
	padding-top: 95px;
	background-image:url("images/simages/top/btn_to_harassment.png");
	background-size: 446px;
	opacity: 0.85;
}
.home #phc p a:hover {
	opacity: 1;
}
.c-school #phc h2 {
	width:580px; height:95px;
	background-image:url("images/simages/sch/phc_h2.png");
	position:absolute; left:50%; top:30px;
	margin-left:-290px;
}
.c-company #phc h2 {
	width:580px; height:95px;
	background-image:url("images/simages/com/phc_h2.png");
	position:absolute; left:50%; top:30px;
	margin-left:-290px;
}
.c-about #phc h1 { background-image:url("images/simages/otr/about_phc_h1.png"); }
.c-privacy #phc h1 { background-image:url("images/simages/otr/privacy_phc_h1.png"); }
.c-inquiry #phc h1 { background-image:url("images/simages/otr/inquiry_phc_h1.png"); }
.single-faq #phc h1,
.post-type-archive-faq #phc h1 { background-image:url("images/simages/otr/faq_phc_h1.png"); }
.single-information #phc h1 ,
.post-type-archive-information #phc h1 {
	background-image:url("images/simages/otr/nai_phc_h1.png");
	width:411px;
}
#phc p {
	width:650px;
	font-size:88%;
	line-height:1.6em;
	position:absolute; left:50%; top:135px;
	margin-left:-285px;	
	color:#fff;
}
#sn {
	width:385px;
	background-color:#ffa200;
	border-radius: 0 0 8px 8px;
	margin:0 0 0 110px;
	list-style-type:none;
	text-align:center;
	position:absolute; top:0; left:50%;
}
#sn li {
	display:block;
	margin:6px 10px;
	float:left;
	font-size:75%;
}
#sn li:first-child { margin-left:45px; }
#sn li a { color:#fff; }

/* ------------------- nav -------------------- */
#access {
	margin-top:14px;
	padding-top:30px;
	border-top:1px solid #ffa200;
	border-bottom:1px solid #fff;
	box-shadow:0 1px 0 0 #ccc;
	background-color:#efefef;
}
.home #access,
.c-school #access,
.c-company #access {
	padding-top: 0;
}

#access > * { display:block; margin:0 auto; }
.gn > * { width:1000px; }
.home .gn ul { width:930px; }
.home .gn ul li {
	width:300px; height: 135px;
	float:left;
	margin:10px 0 10px 10px;
	overflow: hidden;
}
.home .gn ul li a {
	display: block;
	position:relative;
	padding-top: 140px;
	background-image: url("images/simages/top/btn_gn.jpg");
}
#tn_sch a { background-position: -310px 0; }
#tn_ind a { background-position: -619px 0; }
.home .gn ul li a:hover:before {
	display:block; content:"";
	position:absolute; top:0; left:0;
	width:300px; height:135px;
}
.home .gn ul li a:hover:before { box-shadow:0 0 0 5px rgba(0,0,0,0.3) inset; }
.home .gn ul li#tn_ind a:hover:before { box-shadow:0 0 0 5px rgba(255,162,0,1) inset; }
#access > dl {
	padding:10px 0;
	height:250px;
}
#access > dl a {
	position:relative;
	display:block;
	float:left;
	width:240px; height:250px;
	margin-left:10px;
	border:1px solid #ccc;
	box-shadow:0 0 0 1px #fff;
	background-color:#fff;
	font-size:75%;
	line-height:1.6em;
}
#access > dl a:first-child { margin-left:0; }
#access > dl a dt{
	height:75px;
	width:238px;
	margin:1px;
}
.c-company #access > dl a dt{
	background-image:url("images/simages/common/tab_comgn.gif")
}
.c-school #access > dl a dt{
	background-image:url("images/simages/common/tab_gn.gif")
}

#access > dl a.cn_traning dt { background-position:11px 0px; }
#access > dl a.cn_counseling dt { background-position:-232px 0px; }
#access > dl a.cn_consul dt { background-position:-467px 0px; }
#access > dl a.cn_checksheet dt { background-position:-708px 0px; }
.school-traning #access > dl a.cn_traning dt,
.company-traning #access > dl a.cn_traning dt,
#access > dl a.cn_traning:hover dt { background-position:11px -75px; }
.school-counseling #access > dl a.cn_counseling dt,
.company-counseling #access > dl a.cn_counseling dt,
#access > dl a.cn_counseling:hover dt { background-position:-232px -75px; }
.school-consul #access > dl a.cn_consul dt,
.company-consul #access > dl a.cn_consul dt,
#access > dl a.cn_consul:hover dt { background-position:-467px -75px; }
.school-checksheet #access > dl a.cn_checksheet dt,
.company-checksheet #access > dl a.cn_checksheet dt,
#access > dl a.cn_checksheet:hover dt { background-position:-708px -75px; }

.school-traning #access > dl a.cn_traning ,
.company-traning #access > dl a.cn_traning ,
.school-counseling #access > dl a.cn_counseling ,
.company-counseling #access > dl a.cn_counseling ,
.school-consul #access > dl a.cn_consul ,
.company-consul #access > dl a.cn_consul ,
.school-checksheet #access > dl a.cn_checksheet ,
.company-checksheet #access > dl a.cn_checksheet {
	margin-top:9px;
	border-bottom:none;
}
.school-traning #access > dl a.cn_traning:after ,
.company-traning #access > dl a.cn_traning:after ,
.school-counseling #access > dl a.cn_counseling:after ,
.company-counseling #access > dl a.cn_counseling:after ,
.school-consul #access > dl a.cn_consul:after ,
.company-consul #access > dl a.cn_consul:after ,
.school-checksheet #access > dl a.cn_checksheet:after ,
.company-checksheet #access > dl a.cn_checksheet:after {
	display:block; content:"";
	background-color:#fff;
	width:240px; height:2px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	position:absolute;
	top:250px; left:-1px;
}
#access > dl dt{
	margin:10px 0;
}
#access > dl dd{
	margin:0;
	padding:20px; 
}
#access > div dl {
	display:block;
	width:270px;
	float:left;
	line-height:1.6em;
	padding:10px 20px 0px; 
}
#access > div dl {
	border-left:1px solid #ccc;
	box-shadow:-1px 0 0 0 #fff;
	padding-left:50px;
}
#access > div dl:first-child {
	border-left: 0;
	box-shadow: none;
	padding-left:0;
}
.cin { width:100%; }
.cin dl {
	margin:20px auto;
	width:960px;
	line-height:1.6em;
}
#access .otr_cnav a,
#access .otr_cnav dt,
.cin dt {
	font-weight:bold;
	padding-bottom:5px;
}
#access .otr_cnav dd,
.cin dd {
	font-size:90%;
	margin-left:0;
}
#access .otr_cnav dd:before,
.cin dd:before,
#sfc ul li:before { content:"> " }

/* ------------------------ bcn ----------------------- */
.bcn {
	font-size:80%;
	width:100%;
	background-color:#fff;
}
#access +.bcn {
	position:absolute; top:298px;
	border-top:none;
	border-bottom:1px solid #ccc;
	box-shadow:0 1px 0 0 #fff;
}
.c-school #access + .bcn,
.c-company #access + .bcn {
	position: relative;
	top: 0;
	padding-top:280px;
	margin-top:1px;
	border-bottom: 0;
	box-shadow: none;
}

.bcn ul {
	width:1000px; height:25px;
	padding-top:10px;
	margin:20px auto 0;
	list-style-type:none;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}
#access + .bcn ul { border:none; }
.c-school #access + .bcn ul,
.c-company #access + .bcn ul {
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
}
.bcn ul li {
	float:left;
	margin-right:5px;
}
.bcn ul li:before { content:" > " }
.bcn ul li:first-child:before { content:none; }

.c-school .content>h1,
.c-company .content>h1 { 
	margin: 60px auto 20px;
}
.c-school .content>h2,
.c-company .content>h2 { 
	margin: 20px auto;
}
.c-school .content>h1 {
	width:741px; height:49px;
	background-image:url("images/simages/sch/first_ch1.png");
}
.c-school .content>h2 {
	width:196px; height:50px;
	background-image:url("images/simages/sch/first_ch2.png");
}
.school-traning .content>h1 {
	width:774px; height:49px;
	background-image:url("images/simages/sch/traning_ch1.png");
}
.school-traning .content>h2 {
	width:246px; height:50px;
	background-image:url("images/simages/sch/traning_ch2.png");
}
.school-counseling .content>h1 {
	width:850px; height:49px;
	background-image:url("images/simages/sch/counseling_ch1.png");
}
.school-counseling .content>h2 {
	width:330px; height:50px;
	background-image:url("images/simages/sch/counseling_ch2.png");
}
.school-consul .content>h1 {
	width:741px; height:49px;
	background-image:url("images/simages/sch/first_ch1.png");
}
.school-consul .content>h2 {
	width:196px; height:50px;
	background-image:url("images/simages/sch/first_ch2.png");
}
.school-checksheet .contenty>h1 {
	width:771px; height:49px;
	background-image:url("images/simages/sch/checksheet_ch1.png");
}
.school-checksheet .content>h2 {
	width:670px; height:50px;
	background-image:url("images/simages/sch/checksheet_ch2.png");
}
.school-result .content>h1 {
	width:732px; height:49px;
	background-image:url("images/simages/sch/result_ch1.png");
}
.school-result .content>h2 {
	width:196px; height:50px;
	background-image:url("images/simages/sch/result_ch2.png");
}
.c-company .content>h1 {
	width:741px; height:49px;
	background-image:url("images/simages/com/first_ch1.png");
}
.c-company .content>h2 {
	width:196px; height:50px;
	background-image:url("images/simages/com/first_ch2.png");
}
.company-traning .content>h1 {
	width:774px; height:49px;
	background-image:url("images/simages/com/traning_ch1.png");
}
.company-traning .content>h2 {
	width:246px; height:50px;
	background-image:url("images/simages/com/traning_ch2.png");
}
.company-counseling .content>h1 {
	width:850px; height:49px;
	background-image:url("images/simages/com/counseling_ch1.png");
}
.company-counseling .content>h2 {
	width:330px; height:50px;
	background-image:url("images/simages/com/counseling_ch2.png");
}
.company-consul .content>h1 {
	width:741px; height:49px;
	background-image:url("images/simages/com/first_ch1.png");
}
.company-consul .content>h2 {
	width:196px; height:50px;
	background-image:url("images/simages/com/first_ch2.png");
}
.company-checksheet .content>h1 {
	width:550px; height:49px;
	background-image:url("images/simages/com/checksheet_ch1.png");
}
.company-checksheet .content>h2 {
	width:680px; height:50px;
	background-image:url("images/simages/com/checksheet_ch2.png");
}
.company-result .content>h1 {
	width:738px; height:49px;
	background-image:url("images/simages/com/result_ch1.png");
}
.company-result .content>h2 {
	width:290px; height:50px;
	background-image:url("images/simages/com/result_ch2.png");
}
#sfc ul { list-style-type:none; }
#sfn {
	display:block;
	margin:0;
	background-color:#efefef;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	outline:1px solid #ccc;
}
#sfn ul { width:1000px;	margin:0 auto; }
#sfn ul li {
	width:240px; height: 120px;
	float:left;
	margin:10px 0 10px 10px;
	overflow: hidden;
}
#sfn ul li:first-child { margin-left:0; }
#sfn ul li  a {
	display: block;
	position:relative;
	padding-top: 125px;
	background-image: url("images/simages/common/pfn.gif");
}
#sfn #to_schresult a { background-position: -250px 0; }
#sfn #to_faq a { background-position: -500px 0; }
#sfn #to_inquiry a { background-position: -750px 0; }
#sfn ul li a:hover:before {
	display:block; content:"";
	position:absolute; top:0; left:0;
	width:240px; height:120px;
}
#sfn ul li a:hover:before { box-shadow:0 0 0 5px rgba(0,0,0,0.3) inset; }
#sfc {
	width:1000px;
	margin:0 auto;
	padding:30px 0;
}
#sfc>* { float:left; }
#sfc div, #sfc ul { width:235px; }
#sfc section {
	width:500px; height:210px;
	background-image:url("images/simages/common/pfc_accessmap.gif");
	background-position:185px 0px;
	background-repeat:no-repeat;
	border:1px solid #ccc;
}
#sfc div h1 {
	width:175px; height:60px;
	margin-top:0px;
	background-image:url("images/simages/common/pfc_logo.png");
}
#sfc section h1 {
	width:115px; height:65px;
	margin-left:30px;
	background-image:url("images/simages/common/pfc_access_ttl.gif");
}
#sfc p, #sfc li {
	font-size:90%;
	line-height:2em;
}
#sfc div p { padding-left:5px; }
#sfc section p { padding-left:15px; }
#sfc ul { margin-top:0px; }
#sfc li { padding-left:30px; }

/* ---------------- title common  --------------------*/

.odd > * { float: right; }
.even > * { float: left; }
.odd > h1 { float:left; }
.even > h1 { float:right; }

.c-company .content > section > div,
.c-company .content > section > dl,
.c-school .content > section > div,
.c-school .content > section > dl { width:720px; }

/* ---------------- school & company title  --------------------*/
.c-school .ttl-risk {
	width:230px; height:260px !important;
	background-image:url("images/simages/sch/first_sttl01.png");
}
.school-traning .content > section > h1 { width:230px; height:200px; }
.school-traning .ttl-self { background-image:url("images/simages/sch/traning_sttl01.png"); }
.school-traning .ttl-line { background-image:url("images/simages/sch/traning_sttl02.png"); }
.school-traning .ttl-harassment { background-image:url("images/simages/sch/traning_sttl03.png"); }
.school-traning .ttl-communication { background-image:url("images/simages/sch/traning_sttl04.png"); }
.school-traning .ttl-team { background-image:url("images/simages/sch/traning_sttl05.png"); }

.school-counseling .content > section > h1 { width:230px; height:190px; }
.school-counseling .ttl-mental { background-image:url("images/simages/sch/counseling_sttl01.png"); }
.school-counseling .ttl-career { background-image:url("images/simages/sch/counseling_sttl02.png"); }
.school-counseling .ttl-coach { background-image:url("images/simages/sch/counseling_sttl03.png"); }

.school-consul .content > section > h1 { width:230px; height:225px; }
.school-consul .ttl-individual { background-image:url("images/simages/sch/consul_sttl01.png"); }

.school-checksheet .content > section > h1 { width:230px; height:240px; }
.school-checksheet .ttl-advice { background-image:url("images/simages/sch/checksheet_sttl01.png"); }

.school-result .content > section > h1 { width:230px; height:230px; }
.school-result .ttl-seminar { background-image:url("images/simages/sch/result_sttl01.png"); }

.c-company .ttl-risk {
	width:230px; height:260px !important;
	background-image:url("images/simages/com/first_sttl01.png");
}
.company-traning .content > section > h1 { width:230px; height:200px; }
.company-traning .ttl-self { background-image:url("images/simages/com/traning_sttl01.png"); }
.company-traning .ttl-line { background-image:url("images/simages/com/traning_sttl02.png"); }
.company-traning .ttl-harassment { background-image:url("images/simages/com/traning_sttl03.png"); }
.company-traning .ttl-communication { background-image:url("images/simages/com/traning_sttl04.png"); }
.company-traning .ttl-team { background-image:url("images/simages/com/traning_sttl05.png"); }

.company-counseling .content > section > h1 { width:230px; height:190px; }
.company-counseling .ttl-mental { background-image:url("images/simages/com/counseling_sttl01.png"); }
.company-counseling .ttl-career { background-image:url("images/simages/com/counseling_sttl02.png"); }
.company-counseling .ttl-coach { background-image:url("images/simages/com/counseling_sttl03.png"); }

.company-consul .content > section > h1 { width:230px; height:225px; }
.company-consul .ttl-individual { background-image:url("images/simages/com/consul_sttl01.png"); }

.company-checksheet .content > section > h1 { width:230px; height:240px; }
.company-checksheet .ttl-advice { background-image:url("images/simages/com/checksheet_sttl01.png"); }

.company-result .content > section > h1 { width:230px; height:230px; }
.company-result .ttl-seminar { background-image:url("images/simages/com/result_sttl01.png"); }

.c-company .content > h1.ttl-main,
.c-school .content > h1.ttl-main {
	height: auto;
	width: 960px;
	margin: 0 auto;
	padding: 60px 0 40px;
	background-image: none;
	text-align: center;
}
.c-company .content > h1.ttl-main img,
.c-school .content > h1.ttl-main img {
	width: 650px;
}

/* ---------------- other page title  --------------------*/

.c-school .content > section,
.c-company .content > section {
	width:960px;
	margin:0 auto;
}

.c-about .content > section > h1,
.c-inquiry .content > section > h1, 
.c-privacy .content > section > h1,
.ttl-faq,
.ttl-info {
	width:510px; height:30px;
	margin:50px auto;
}

.c-about .ttl-rainmaker { background-image:url("images/simages/otr/about_sttl01.gif"); }
.c-about .ttl-ceo { background-image:url("images/simages/otr/about_sttl02.gif"); }
.c-about .ttl-about { background-image:url("images/simages/otr/about_sttl03.gif"); }
.c-about .ttl-access { background-image:url("images/simages/otr/about_sttl04.gif"); }
.c-inquiry .ttl-inquiry { background-image:url("images/simages/otr/inquiry_sttl01.gif"); }
.c-inquiry .ttl-form { background-image:url("images/simages/otr/inquiry_sttl02.gif"); }
.c-privacy .ttl-privacy { background-image:url("images/simages/otr/privacy_sttl01.gif"); }
.ttl-faq { background-image:url("images/simages/otr/faq_sttl01.gif"); }
.ttl-info { background-image:url("images/simages/otr/nai_sttl01.gif"); }

.post-type-archive-faq .content article h2,
.single-faq .content article h1 {
	background-image:url("images/simages/otr/icon_question.png"); 
	background-repeat:no-repeat; background-position:top left;
	padding-left:65px; min-height:50px;
}
.post-type-archive-faq .content article p,
.single-faq .content article p {
	background-image:url("images/simages/otr/icon_answer.png"); 
	background-repeat:no-repeat; background-position:50px -5px;
	padding-left:115px; min-height:50px;
}

/* ---------------- section & article  --------------------*/

.content > section {
	width:720px;
	margin: 0 auto;
	padding: 0 0 50px;
	border-bottom: 1px dotted #999;
}
.c-company .content > section,
.c-school .content > section {
	padding-top: 50px;
}
.content .last-section { border-bottom: 0; }

#columnset section h1,
.content section > div h2,
.content section > dl dt,
.content #columnset > div h1,
.content #columnset > div h2 { font-size:16px; }
.content section .wpcf7 dl * { font-size:13px; }

#columnset section h1,
.content section > div h1,
.content section > div h2,
.content section dl dt {
	border-bottom:1px dotted #999;
	font-weight:bold;
	margin:40px 30px 20px;
	padding-bottom:15px;
}

.content section > div table,
.content section > div ul,
.content section > div p,
.content section > ul li,
.content section dl dd {
	font-size:90%;
	line-height:1.6em;
	margin:0 30px;
}
.content section > div table { margin-bottom:40px; }
.content section > div p,
.content section dl { padding-bottom:40px; }
.content section dl dd:before { content:"・ "}

#columnset > div article,
#columnset section,
.c-inquiry .content section > div,
.c-about .content section > div,
.c-privacy .content section > div,
.column2 > dl,
.c-school .content > section > *,
.c-company .content > section > * {
	background-color:#fafafa;
	border:1px solid #e0e0e0;
	border-radius:8px;
}
.c-school .content > section > h1,
.c-company .content > section > h1 {
	background-color:#fff;
	border: 0;
}

#columnset {
	width:960px;
	border-bottom: 0;
}
#columnset > div { width:570px; float:left; margin:0; }
#columnset div article { margin-bottom:30px; }
#columnset section {
	width:370px; float:right;
	margin-bottom:30px;
}

.content .column2 { width:970px; }
.content .column2 > .l-column  {
	width:570px;
	float:left;
}
.content .column2 > .rt-column,
.content .column2 > .rb-column {
	float:right;
	width:370px;
}
.column2 > .rt-column { margin-top:0px; }

#columnset section ul {
	list-style-type:none;
	margin-bottom:30px;
}
#columnset a { display:block; }
#columnset section li a {
	padding:3px 0 3px 10px;
	border-left:5px solid #ddd;
	margin-bottom:10px;
}
#columnset section li a:hover {
	border-left:5px solid #aaa;
	color:#000;
}
#columnset .entry-meta {
	margin:30px 0px 0px 50px;
	border:0;
}
#columnset section h1 { margin-bottom:0; }
#columnset section dl { margin:0 50px; }
#columnset section a dt { margin:0; border:0; padding-top:15px; }
#columnset section a dd { margin:0;}

#columnset article h1,
#columnset article h2 { margin:20px 50px 30px 50px; }

#columnset section dt * ,
#columnset .entry-meta * {
	background-color:#bbb;
	font-size:13px;
	border-radius:3px;
	padding:4px 6px;
	margin-right:5px;
	color:#fff;
}
#columnset section dd { border-bottom:1px dotted #ccc; padding-bottom:10px; }
#columnset section a:hover dt * { background-color:#999; }
#columnset section dd:before { content:"> "; }

#ceo img { display:block; padding:0 0 0 30px; float:left; }
#ceo p { padding-left:225px; }
#ceo dl dt { margin-top:0; }
#ceo p { padding-bottom:0; }

.c-inquiry .content section .wpcf7 dl { margin-left:50px;}
.c-inquiry .content section .wpcf7 dl * {
	margin:5px 0;
	padding:0;
	font-weight:normal;
}
.c-inquiry .content section .wpcf7 dl dt { float:left; border:0; }
.c-inquiry .content section .wpcf7 dl dd:before { content:none; }
.c-inquiry .content section .wpcf7 dl dd {padding-left:12em;}

.school-result .content section div.clearfix ul {
	width:220px; float:left; font-size:90%;
	margin:0 0 40px 0;
}
.school-result .content section ul li { margin-left:70px; }
.content img.alignnone {
	border: 0;
	background-color: none;
	display:block;
	margin-top:30px; 
}


/* ---------------- footer  --------------------*/

body > footer { background-color:#ffa200; line-height:2em; }
body > footer p { color:#fff; margin:0; text-align:center; }


/* ---------------- toppage  --------------------*/

.home #access { margin-bottom:165px; }
.home .content > section { position:relative; }
.home .content > section .ir { position:absolute; } 
.home .content > #mc_intro {
	width:1000px; height:290px;
	margin:30px auto;
	padding-bottom: 0;
	border:1px solid #ccc;
	background-image:url("images/simages/top/intro_bg.jpg");
	background-position:580px 10px;
	background-repeat:no-repeat;
}
#mc_intro h1 {
	width:490px; height:120px;
	top:0; left:200px; z-index:2;
	background-image:url("images/simages/top/intro_h1.png");
}
#mc_intro h2 {
	width:195px; height:260px;
	top:0; left:10px; z-index:1;
	background-image:url("images/simages/top/intro_h2.gif");
}
#mc_intro p {
	width:500px;
	margin:155px 0 0 218px;
	line-height:1.8em;
}
.home .content > #mc_example {
	width:100%; height:380px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	outline:1px solid #ccc;
	background: -prefix-linear-gradient(top, #f5f5f5, #bebebe);
	background: linear-gradient(to bottom, #f5f5f5, #bebebe);
}
#mc_example h1 {
	width:570px; height:380px;
	bottom:0; left:50%;
	margin:0 0 0 -500px;
	background-image:url("images/simages/top/content2_h1.png");
	background-position: bottom;
	background-repeat: no-repeat;
}
#mc_example h2 {
	color:#fff;
	position:absolute; 
	background-color:#134c59;
	text-align:center;
	height:1.5em;
}
#mc_example ul { position:absolute; line-height:1.8em; }
#mc_example .ex_mental { width:520px; top:0; left:50%; margin-left:-80px; }
#mc_example .ex_measure { width:405px; top:180px; left:50%; margin-left:80px; }
#mc_example .li_mental { width:505px; top:55px; left:50%; margin-left:-60px; }
#mc_example .li_measure { width:405px; top:235px; left:50%; margin-left:100px; }

.home .content > #mc_solution {
	width:1000px; height:473px;
	margin:30px auto 0;
	padding-bottom: 0;
	background-image:url("images/simages/top/content3_bg.png");
	background-repeat:no-repeat;
}
#mc_solution h1 {
	width:705px; height:77px;
	top:0; left:15px;
	background-image:url("images/simages/top/content3_h1.gif");
}

#mc_solution p {
	margin:10px 0 0 255px;
	width:475px;
}
#mc_solution .sol_pro { padding-top:125px; line-height:2em; }
#mc_solution p em {
	background-color:#ff4646;
	color:#fff; font-style:normal;
	margin-right:5px;
	font-weight:bold;
	padding:5px 8px;
}	
.content section#mc_solution .sol_ex {
	position:static;
	width:185px; height:50px;
	background-image:url("images/simages/top/content3_ex.gif");
}

#mc_solution .sol_content { padding-left:5px; width:465px; }
#mc_solution h2 {
	margin:10px 0 0 255px;
	width:475px;
	background-color:#ff4646;
	line-height:1.6em;
	color:#fff; text-align:center;
}

#mc_info {
	position:absolute; top: 550px;
	width:100%; min-width:1000px; height:120px;
}
#mc_info > h1 {
	background-image : url("images/simages/top/ttl_information.gif");
	width:241px; height:17px;
	position:absolute; left:50%; top:0;
	margin:0 0 0 -370px;
}
#mc_info #info_container  {
	width:870px; height: 90px;
	position:absolute; left:50%; top:30px;
	margin-left:-370px;
	overflow: auto;
}
#mc_info section h1 {font-size:90%; margin:0.4em 0;}
#mc_info section h1 time { margin-right:1em; }
#mc_info section h1 small {
	display:block;
	border-radius:3px;
	margin-right:1em;
	width:7em;
	text-align:center;
	font-size:10px;
	background-color:#bbb;
	color:#fff;
	padding:2px; 
}
#mc_info section h1 a:hover small { background-color:#999; }
#mc_info section h1 * { font-size:16px; font-weight:normal; }
#mc_info section h1 a * { float:left;}
#mc_info section a:hover time,
#mc_info section a:hover span { text-decoration:underline; }
#mc_info p {
	position:absolute; top:0px; left:50%;
	margin:0 0 0 -120px;
}
#mc_info p a {
	position:relative;
	width:3em; height:1.5em;
	display:block;
	font-size: 85%;
	color:#fff;
	background-color:#999;
	text-align:center;
}
#mc_info p a:before{
	display: block; content: "";
	position: absolute; top:0; left:3em;
	border-left:0.75em solid #999;
	border-top:0.75em solid #fff;
	border-right:0.75em solid #fff;
	border-bottom:0.75em solid #fff;
}
#mc_info p a:hover { background-color:#666; }
#mc_info p a:hover:before { border-left:0.75em solid #666; }
#mc_access div {
	margin: 0 0 50px 50px;
	padding: 0;
}
.company-checksheet .content > section > div,
.school-checksheet .content > section > div {
	margin-bottom:15px;
}
/* ハラスメント対策ページ */
.c-company .content > section .ttl,
.c-school .content > section .ttl {
	font-size: 1rem;
}
.c-company .content > section .ttl-img,
.c-school .content > section .ttl-img {
	background-color: transparent;
	border: none;
}
.c-company .content > section.odd .ttl-img,
.c-school .content > section.odd .ttl-img {
	float: left;
}
.c-company .content > section.even .ttl-img,
.c-school .content > section.even .ttl-img {
	float: right;
}
.c-company .content > section .wrapper,
.c-school .content > section .wrapper {
	margin: 0 30px 40px;
}
.c-company .content > section .wrapper p,
.c-school .content > section .wrapper p {
	margin: 0 0 8px 0;
	padding: 0;
}
.c-company .content > section .wrapper h2,
.c-company .content > section .wrapper h3,
.c-school .content > section .wrapper h2,
.c-school .content > section .wrapper h3 {
	font-size: .9rem;
	margin: 0;
	padding: 0;
	border: none;
}
.c-company .content > section .wrapper h2,
.c-school .content > section .wrapper h2 {
	margin: 20px 0px 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ddd;
}
.c-company .content > section .wrapper h3,
.c-school .content > section .wrapper h3 {
	margin: 16px 0px 3px;
}
.pc-hidden {
	display: none;
}

} /* /@media screen and (min-width: 800px) */

@media screen and (max-width: 800px){
	body {
		width: 100%;
		background-color: #fd9;		
	}

	body * {
		font-size:14px;
		line-height:1.6em;
	}

	ul,
	ul *,
	dl,
	dl * {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	a {
		display:block;
		width:100%;
		text-decoration: none;
		min-height: 44px;
	}

	#sn a:before {
		content: "> ";
	}

	.gn,
	.cin {
		margin: 10px;
	}
	.gn dl a {
		margin-top: 5px;
		color: #fff;
		border-radius: 5px;
		background-color: #fa0;
		text-align: center;
		height:44px;
	}
	.gn dl a dt {
		display: block;
		line-height:44px;
		font-size: 130%;
	}
	.gn ul li,
	.cin dl>* {
		margin-top: 5px;
		display: block;
		color: #fff;
	}
	.gn ul li a,
	.cin dl>* a {
		text-align: center;
		height:44px;
		line-height:44px;
		background-color: #fa0;
		color: #fff;
		border-radius: 5px;
		font-size: 130%;
	}
	#sn li {
		background-color: #fff;
		border-top: 1px solid #fd9;
		padding-left: 10px;
	}
	#sn a {
		height:44px;
		line-height:44px;
	}

	header {
		padding:10px 0 0;
		background-color: #fff;		
	}

	header a {
		height:40px;
		background-color: #fff;
		background-image: url("images/simages/common/header_logo.gif");
		background-repeat: no-repeat;
		background-position: 10px 0;
		background-size:auto 40px;
	}

	header p.ir {
		background-color: #fa0;
		text-align: right;
		color: #fff;
		padding: 5px 10px 0;
		margin-bottom: 5px;
	}
	.content {
		padding: 0;
	}
	#phc {
		background-color: #fff;
		padding: 10px 0 5px;
	}
	#phc>* {
		padding: 5px 10px;
			margin: 0;
	} 

	footer {
		background-color: #fa0;
	}
	footer p {
		color: #fff;
		text-align: center;
		margin: 0;
		padding: 5px 0px;
	}
	body:not(.single):not(.archive) .content>section,
	article {
		margin:10px;
		padding:1em;
		background-color:#fff;
		border-radius: 8px;
		box-shadow:0px 1px 5px #aaa;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
	}
	.single .content>section dl dt,
	.archive .content>section dl dt {
		border: 0;
	}
	.single .content>section,
	.archive .content>section {
		margin:10px;
	}
	.single .content>section article,
	.archive .content>section article {
		margin: 0;
	}

	.content>h1 {
		text-align: center;
		margin: 10px 10px 5px;
		font-size: 140%;
	}
	.content>h2 {
		text-align: center;
		margin: 5px 10px 10px;
		font-size: 120%;
	}
	.content>section>h1,
	.content>section>h2,
	article>h1,
	article>h2,
	article>dl dt {
		font-size:150%;
	}
	#phc h1,
	#phc h2 {
		font-size:120%;
	}
	.c-toppage section>h1,
	.c-toppage article>h1,
	.content>section>* h1,
	.content>section>* h2,
	.content>section dl dt,
	#sfc>* h1,
	#sfc>* h2,
	#sfc>* dl dt,
	article>* h1,
	article>* h2,
	article dl dt {
		font-size:115%;
		border-bottom:1px dotted #999;
	}
	.content>section dl dt {
		padding-top:15px;
		padding-bottom:5px;
		margin-bottom:5px;
	}

	.c-toppage #phc h1 {
		text-align: center;
		font-size: 130%;
	}
	.c-toppage #phc h2 {
		text-align: center;
		font-size: 90%;
	}
	.c-toppage #mc_example h2 {
		font-size: 115%;
	}
	#mc_example h2:before,
	#mc_solution h2:before {
		content: "○"
	}
	#mc_example ul li:before,
	.c-company .content>section dl dd:before,
	.c-school .content>section dl dd:before,
	.school-result .content>section ul li:before {
		content: "・"
	}
	
	.c-toppage article>p,
	#mc_intro h2,
	.c-about .gn,
	.c-inquiry .gn,
	.c-privacy .gn,
	.archive .gn,
	.single .gn,
	.c-about #phc h2,
	.c-inquiry #phc h2,
	.c-privacy #phc h2,
	.archive #phc,
	.single #phc,
	.c-about #phc p,
	.c-inquiry #phc p,
	.c-privacy #phc p,
	.company-traning #phc h2,
	.company-counseling #phc h2,
	.company-consul #phc h2,
	.company-checksheet #phc h2,
	.company-result #phc h2,
	.company-traning #phc p,
	.company-counseling #phc p,
	.company-consul #phc p,
	.company-checksheet #phc p,
	.company-result #phc p,
	.school-traning #phc h2,
	.school-counseling #phc h2,
	.school-consul #phc h2,
	.school-checksheet #phc h2,
	.school-result #phc h2,
	.school-traning #phc p,
	.school-counseling #phc p,
	.school-consul #phc p,
	.school-checksheet #phc p,
	.school-result #phc p,
	.c-about .cin,
	.c-inquiry .cin,
	.c-privacy .cin,
	.archive .cin,
	.single .cin,
	.c-company .gn dd,
	.c-school .gn dd,
	.bcn,
	#sfc,
	#sfn {
		display:none;
	}
	iframe,
	input,
	img {
		width:100%; height:auto;
	}
	.sp-hidden {
		display: none;
	}
	.c-company .content > h1.ttl-main span,
	.c-school .content > h1.ttl-main span {
		font-size: 1.2rem;
	}
} /* /@media screen and (max-width: 800px) */

iframe {
	border: 1px solid #ccc;
	margin: 0;
	padding: 0;
}
.content section table th { background-color:#f3f2ee; }
.content section table td { background-color:#fff; }
.content section table tr > * {
	border: 1px solid #ccc; font-size:90%; 
	text-align:left;
	padding:5px 15px 3px;
}
.content section table .t_head th { background-color:#ebe9df; text-align:center; } 



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}


/** END HTML5 Boilerplate CSS **/






/** START Starkers CSS **/

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */
*/
/* TYPOGRAPHY */
/* ----------------------------------------- */

h1, h2, h3, h4, h5, h6 { font-weight:bold } /* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */
.alert { background:red; color:white } /* 'alert' has a basic style, since it's useful to have it standing out for testing purposes.



/* Font stack options

	The following represents a list of font stacks, as recommended by Nathan Ford in
	http://unitinteractive.com/blog/2008/06/26/better-css-font-stacks/

	I've added inverted commas around the relevant family names to ensure compatibility.
	p = balanced for paragraphs or body copy
	t = balanced for headlines or titles

	- - - -

Arial, "Helvetica Neue", Helvetica, sans-serif - p, t

Baskerville, "Times New Roman", Times, serif - p
Baskerville, "Times, Times New Roman", serif - t

Cambria, Georgia, Times, "Times New Roman", serif - p, t
"Century Gothic", "Apple Gothic", sans-serif - p, t

Consolas, "Lucida Console", Monaco, monospace - p, t

"Copperplate Light", "Copperplate Gothic Light", serif - p, t

"Courier New", Courier, monospace - p, t

"Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif - p, t

Futura, "Century Gothic", "Apple Gothic", sans-serif - p, t

Garamond, "Hoefler Text", "Times New Roman", Times, serif - p
Garamond, "Hoefler Text", Palatino, "Palatino Linotype", serif - t

Geneva, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif - p
Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - t

Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif - p
Georgia, Times, "Times New Roman", serif - t

GillSans, Calibri, Trebuchet, sans-serif - p
GillSans, Trebuchet, Calibri, sans-serif - t

"Helvetica Neue", Arial, Helvetica, sans-serif - p
Helvetica, "Helvetica Neue", Arial, sans-serif - t

Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif - p, t

"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif - p, t

Palatino, "Palatino Linotype", Georgia, Times, "Times New Roman", serif - p
Palatino, "Palatino Linotype", "Hoefler Text", Times, "Times New Roman", serif - t

Tahoma, Geneva, Verdana - p
Tahoma, Verdana, Geneva - t

Times, "Times New Roman", Georgia, serif - p, t

Trebuchet, "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif - p
Trebuchet, Tahoma, Arial, sans-serif - t

Verdana, Geneva, Tahoma, sans-serif - p
Verdana, Tahoma, Geneva, sans-serif - t

*/

/** END Starkers CSS **/

/** START WordPress-Defined CSS Classes **/
.wp-caption-text{}
.gallery-caption{}
.bypostauthor{}
.sticky{}
/** Keep drop-downs working 
#access li {
	float: left;
	position: relative;
}
#access ul ul {
	display: none;
	float: left;
	position: absolute;
	top: 3.333em;
	left: 0;
	z-index: 99999;
}
#access ul ul ul {
	left: 100%;
	top: 0;
}
#access ul li:hover > ul {
	display: block;
}
 END WordPress-Defined CSS Classes **/

/* ==========================================================================
   Components
   ========================================================================== */

/* BUTTON */
/* ----------------------------------------- */

.button-cv {
	color: #FFF;
	background-color: #A62116;
	display: inline-block;
	padding: 8px 16px;
	border-radius: 3px;
	width: auto;
	min-height: auto;
}