@charset "utf-8";
/*
Theme Name:alohablog
Theme URI: http://localhost/wordpress/
Author: Your Name
Author URI: http://localhost/
Description: アロハージャパンのスタッフブログです。社内の様子やイベントのレポートをお伝えします。
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*------------------------------------*\
 * Table of Contents
 *
 * 1.0 - リセット
 *   1.1 - テキスト位置
 *   1.2 - フロート
 *   1.3 - クリアフィックス
 * 2.0 - レイアウト
 * 3.0 - ヘッダー
 * 4.0 - ナビゲーション
 *   4.1 - グローバルナビゲーション
 *   4.2 - メニューナビゲーション
 *   4.3 - 投稿ナビゲーション
 *   4.4 - ページネーション
 *   4.5 - パンくず
 * 5.0 - メニューコンテンツ
 *   5.1 - メニューアーカイブ
 *   5.2 - メニュー詳細ページ
 * 6.0 - サイドバーコンテンツ
 * 7.0 - フッター
 * 8.0 - フォーム
 *   8.1 - 検索フォーム
 *   8.2 - お問い合わせフォーム
 *   8.3 - ボタン
 * 9.0 - 投稿コンテンツ
 *   9.1 - 見出し
 *   9.2 - 段落
 *   9.3 - 定義リスト
 *   9.4 - その他
 *   9.5 - ブログアーカイブ
 *   9.6 - 投稿メタ
 * 10.0 - コメントフォーム
 * 11.0 - WordPress デフォルトスタイル
 * 12.0 - トップページ
 */

@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700);

/**
 * 1.0 - リセット
 *
 * HTML要素デフォルトスタイルを定義
 * normalize.css http://necolas.github.io/normalize.css/
 */

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;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

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

a {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

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 #000;
    cursor:help;
}

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

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

input, select {
    vertical-align:middle;
}

/**
 * 2.0 - レイアウト
 *
 * HTML要素デフォルトスタイルを定義
 * normalize.css http://necolas.github.io/normalize.css/
 */

 body {
    line-height:1.6;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:15px;
}

.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

a:link, a:hover, a:active {
    color: #1D3994;
	text-decoration:underline;
}

a:visited {
	color:#941d55;
}

a:hover {
	text-decoration:none;
}

small,
figcaption {
	font-size:15px;
	text-align:center;
	line-height:1.2;
}
.pc_left {
	float:left;
	margin:0 10px 10px 0;
}
.left {
	float:left;
	margin:0 10px 10px 0;
}
.right {
	float:right;
	margin:0 0 10px 10px;
}

.center {
	text-align:center;
	margin:0 auto 20px;
	display:block;
}
.pic_pc350	{width:350px;
}

.pic_pc300	{width:300px;
}

.pic_pc280	{width:280px;
}

.pic_pc240	{width:240px;}


.pic_pc200	{width:200px;}
em {
	font-weight: bold;
	color: #CC3300;
	font-size: 18px;
	font-style:normal;
}

#container a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

.red {
	color:#CC0000;
}

.notes {
	font-size:15px;
	line-height:1.3;
	text-align:left;
}

.notes small {
	text-align:left;
}

blockquote {
    background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/blockquote.gif) 10px 10px no-repeat;
    padding: 10px 0 0 10px;
    border-left: 10px solid #e7e7e7;
	margin:10px 10px 20px 10px;
	font-size:15px;
}

blockquote h2 {
	font-size:15px;
	font-weight:bold;
	padding:0 0 5px;
	background:none;
	border:none;
	margin:0;
}

.line_bottom {
	border-bottom:1px solid #ccc;
}

.pc_none {
	display:none;
}


.pink	{
	color:#F09;
}

/* ページのレイアウト */

header,
footer {
	width:100%;
	text-align:center;
	clear:both;
}

#pageheader {
	width:860px;
	margin:0 auto;
	position:relative;
}

#container {
	width: 860px;
	margin:0 auto 30px;
}

#main {
	width: 630px;
	float: right;
}

/*ssl用*/
#main_ssl {
	width: 860px;
}

#sidebar {
	width: 210px;
	float: left;
	margin-right: 20px;
}

header,
#container {
    zoom: 100%;
}

header:after,
#container:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/* ヘッダー */
header p.date {
	text-align:right;
	color:#444;
	font-weight:bold;
	font-size:15px;
	padding:3px 0 0;
	margin: 0 auto;
    width: 860px;
}

header #pageheader {
	position:relative;
}

header #pageheader #headcomment {
	position:absolute;
	top:70px;
	left:100px;
	font-size:17px;
	font-weight:bold;
}

header h1 {
	float: left;
	padding:0;
	margin:0;
}

header #info {
	float:right;
	width:292px;
	height:102px;
	padding:0;
	margin:0;
	background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/header_r.gif) 0 0 no-repeat;
	text-indent:-9999px;
}

/* ヘッダーナビ */
header nav {
	clear: both;
	width:100%;
	text-align:center;
	color: #000;
	margin:0 0 15px;
	background:#d4ffdb;
	font-size: 12px;
  
}

header nav ul {
	width:860px;
	margin: 0 auto;
	padding: 2px 0;
	height: 45px;
}

header nav ul li {
	float: left;
	border-right:1px solid #d4ffdb;
}

header nav ul li a {
	display: block;
	width: 100px;
	text-decoration: none;
	text-align: center;
	color: #000;
	height: 35px;
	font-size:12px;
	line-height:1.5;
	padding:5px 10px;
	-ms-box-shadow: 2px 2px 3px rgb(102, 102, 102);
	background:#d4ffdb;

}

header nav ul li a:hover {
	-ms-box-shadow: 2px 2px 3px rgb(102, 102, 102);
	background:#cbeeeb;

}

header nav ul li a:link,
header nav ul li a:visited,
header nav ul li a:hover,
header nav ul li a:active {
	color:#000;
	text-decoration:none;
}

header nav ul li.first {
	border-left:1px solid #d4ffdb;
}

header nav ul li.one a {
	padding:13px 10px;
	height:19px;
}

/* フッター */

footer nav {
	width:860px;
	text-align:center;
	margin:5px auto;
}

footer nav li {
	display:inline;
	padding:0 10px;
	border-right:1px solid #666;
}

footer nav li.last {
	border-right:0;
}

footer nav li a {
	text-align:center;
	font-size:15px;
}

footer nav.mb_flink {
	display:none;
}

footer p#copy {
	font-size:15px;
	background:#d4ffdb;
	color: #fff;
	padding:5px;
	clear:both;
}

/* 左サイドバー */

#sidebar aside.bn ul {
	list-style:none;
	margin:0 0 10px;
}


#sidebar aside.bn ul li {
	margin:0 0 5px;
	line-height:1.3;
}

#sidebar aside.bn ul li small {
	display:block;
	font-size:15px;
}

#sidebar nav h2 {
	background:#cc0000;
	font-size: 15px;
	font-weight:bold;
	color:#fff;
	padding:5px 5px 3px;
	margin:5px 0 0;
}

#sidebar nav h2 a {
	color:#fff;
	text-decoration:none;
}

#sidebar nav ul li {
	list-style-type: none;
	font-size: 15px;
	padding:6px 5px 5px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #663300;
}

#sidebar nav ul li a {
	color: #660000;
	font-weight: bold;
	text-decoration: none;
}

#sidebar nav ul li a:hover {
	color: #CC3300;
	font-weight: bold;
}

#sidebar #side_nfd {
	border:1px solid #663300;
	text-align:center;
	margin:5px 0 0;
	padding:5px;
}

#sidebar #side_nfd img {
	text-align:center;
	margin:0 auto;
}

#sidebar #side_nfd p {
	text-align:left;
	font-size:15px;
	line-height:1.3;
	margin-bottom:0.75em;
}

/* 追加メニュー */
#sidebar nav ul.product_menu li  {
	padding:0;
	border:none;
}

#sidebar nav .product_menu li a {
	background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/product_menu01.gif) 0 0 no-repeat;
	height:60px;
	width:210px;
	text-indent:-9999px;
	display:block;
	border-bottom:1px solid #663300;
	padding:0;
}
#sidebar nav .product_menu li.p01 a {background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/product_menu01.gif) 0 0 no-repeat}
#sidebar nav .product_menu li.p02 a {background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/product_menu01.gif) 0 -60px no-repeat}
#sidebar nav .product_menu li.p03 a {background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/product_menu01.gif) 0 -120px no-repeat}
#sidebar nav .product_menu li.p04 a {background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/product_menu01.gif) 0 -181px no-repeat}
#sidebar nav .product_menu li.p05 a {background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/product_menu01.gif) 0 -252px no-repeat}

#sidebar nav .product_menu li.p01 a:hover {background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/product_menu01.gif) -210px 0 no-repeat}
#sidebar nav .product_menu li.p02 a:hover {background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/product_menu01.gif) -210px -60px no-repeat}
#sidebar nav .product_menu li.p03 a:hover {background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/product_menu01.gif) -210px -120px no-repeat}
#sidebar nav .product_menu li.p04 a:hover {background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/product_menu01.gif) -210px -181px no-repeat}
#sidebar nav .product_menu li.p05 a:hover {background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/product_menu01.gif) -210px -252px no-repeat}
/* 追加メニュー */


/* お知らせ */
#sidebar #site {
	font-size:15px;
}
#sidebar #site h1 {
	padding:1px 5px;
	font-size:15px;
	font-weight:bold;
	-ms-box-shadow: 2px 2px 3px rgb(102, 102, 102);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(230, 230, 230)));
	background-image: -moz-linear-gradient(-90deg,rgb(255, 255, 255) 1%,rgb(230, 230, 230) 100%);
	background-image: linear-gradient(-90deg,rgb(255, 255, 255) 1%,rgb(230, 230, 230) 100%);
	font-size: 15px;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffe6e6e6, gradienttype=0));
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffffff, endcolorstr=#ffe6e6e6, gradienttype=0))";
	zoom: 1;
	border-left:5px solid #75401b;
	margin: 0 0 5px;
}
#sidebar #site .news {
	border-bottom:1px dotted #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}
#sidebar #site .date {
	width:45px;
	float:left;
	margin-left: 5px;
	font-size:15px;
}

#sidebar #site .text {
	padding-left:40px;
}

#sidebar #site p {
	padding:0 0 0.25em;
}

#sidebar #site .red {
	color: #C00;
}
#sidebar #site em {
	color:#CC6666;
	font-style:normal;
	font-weight:bold;
	font-size:15px;
}

#sidebar #site ul {
	padding:0 0 0 15px;
}

#sidebar #site ul {
	padding:0 0 0 15px;
		list-style:none;
	margin:0 0 10px;
}
/* メイン共通 */
/* パンくず */
#breadcrumb {
	font-size: 15px;
	margin-bottom:10px;
}
#breadcrumb a {
    color: #1D3994;
}

#main p {
	padding:0 0 0.75em;
}
#main h2 {
	clear:both;
}

#main .bn {
	margin:30px 0 0;
}

#main .bn img {
	margin:0 0 5px;
}

#main section {
	margin:0 0 15px;
	clear:both;
}

#main .top {
	text-align:right;
	clear:both;
}

#main h1 {
	background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/icon_title.gif) 0 0 no-repeat;
	border-bottom:1px solid #333;
	font-size: 22px;
	margin:0 0 15px;
	padding:4px 0 0 20px;
	line-height:1.3;
}

#main .title {
	background:#fff;
	border:1px solid #ccc;
	margin:10px 0 15px;
	padding:1px;
}

#main .title h2 {
	background:#eee;
	font-size: 18px;
	line-height:1.3;
	padding:5px 5px 3px;
	border-left:4px solid #CC0000;
}



#main .more {
	text-align:right;
	padding:5px;
	font-size:15px;
}

#main ol {
	padding:0 0 10px 25px;
}

#main ul li,
#main ol li {
	padding:0 0 0.5em;
	clear:both;
}

#main ul,
#main dl {
	padding:0 0 10px;
}

#main ul li {
	list-style:none;
	background:#f0f;
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/icon_bloc.gif) 4px 4px no-repeat;
	padding:0 0 0.25em 25px;
}

/* ページ内リンク */
#main #pagelink ul {
	padding:0;
	margin:5px 10px 20px;
}
#main #pagelink li {
	background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/icon_arrow.gif) 0 7px no-repeat;
	padding:0 0 0 15px;
}

/* ページャー */
#main nav.pager {
	margin:20px 0;
	zoom: 100%;
	font-size:15px;
	border-top:1px dotted #ccc;
	padding:10px;
    clear: both;
}

#main nav.pager:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#main nav.pager p {
	padding:0;
}

#main nav.pager ul {
      margin: 10px;
	  padding:0;
}

#main nav.pager ul li {
	float: left;
	margin-right: 5px;
	border: 1px solid #666;
	font-weight: bold;
	padding: 0;
	clear: none;
	background: none;
}

#main nav.pager ul li.prev,
#main nav.pager ul li.next {
      border: none;
}

#main nav.pager ul li a {
      position: relative;
      display: block;
      padding: 3px 8px;
}

#main nav.pager ul li a:link,
#main nav.pager ul li a:visited {
	text-decoration: none;
}

#main nav.pager ul li a:hover,
#main nav.pager ul li a:active {
	background-color: #1D3994;
	color:#fff;
}

#main nav.pager ul li em {
	display: block;
	padding: 3px 8px;
	background:#dbe0ef;
	color:#000;
	font-style: normal;
	font-size:15px;
}

#main table {
    border: 1px #999 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-bottom:10px;
	background:#fff;
	width:100%;
}

table th {
    padding: 5px;
    border:1px #999 solid;
    border-width: 0 0 1px 1px;
    background: #e0ecf3;
    font-weight: bold;
    line-height: 1.2;
    text-align:left;
	vertical-align: middle;
}

table td {
    padding: 5px;
    border: 1px #999 solid;
    border-width: 0 0 1px 1px;
    text-align:left;
	vertical-align: middle;
}

table td img {
	vertical-align: middle;
}

/* メイン共通バナー */
#main .bn .request a {
	display:block;
	text-indent:-9999px;
	width:630px;
	height:200px;
	background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/bn_siryou_pc.gif) 0 0 no-repeat;
	font-size:150px;
	margin-bottom:5px;
}

#main .bn .request a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

/* Q&A */
#main dl.qa dt {
	margin:0 0 5px;
	font-weight:bold;
	font-size:16px;
	background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/icon_qa.gif) 0 0 no-repeat;
	padding-left:30px;
}

#main dl.qa dd {
	margin:0 0 15px;
	background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/icon_qa.gif) 0 -100px no-repeat;
	padding-left:30px;
}

 /* スマートフォン対応 */
.mb_bn {
	display:none;
}

a.tel {
	text-decoration:none;
	color:#333;
	cursor:text;
}

a.tel {
	text-decoration:none;
	color:#333;
	cursor:text;
}
#pageheader a	{
	text-decoration:none;
	color:#333;
	cursor:text;}

#main a.tel img {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
	cursor:default;
}


/*SSL用*/
#main_ssl p {
	padding:0 0 0.75em;
}
#main_ssl h2 {
	clear:both;
}

#main_ssl .bn {
	margin:30px 0 0;
}

#main_ssl .bn img {
	margin:0 0 5px;
}

#main_ssl section {
	margin:0 0 15px;
	clear:both;
}

#main_ssl .top {
	text-align:right;
	clear:both;
}


#main_ssl .title h2 {
	background:#eee;
	font-size: 18px;
	line-height:1.3;
	padding:5px 5px 3px;
	border-left:4px solid #CC0000;
}

#main_ssl h3 {
	color:#CC3300;
	font-size:16px;
	margin:10px 0 5px;
	clear:both;
	border-bottom:1px dotted #999;
}

#main_ssl .more {
	text-align:right;
	padding:5px;
	font-size:15px;
}

#main_ssl ol {
	padding:0 0 10px 25px;
}

#main_ssl ul li,
#main_ssl ol li {
	padding:0 0 0.5em;
	clear:both;
}

#main_ssl ul,
#main_ssl dl {
	padding:0 0 10px;
}

#main_ssl ul li {
	list-style:none;
	background:#f0f;
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/icon_bloc.gif) 4px 4px no-repeat;
	padding:0 0 0.25em 25px;
}

/* ページ内リンク */
#main_ssl #pagelink ul {
	padding:0;
	margin:5px 10px 20px;
}
#main_ssl #pagelink li {
	background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/icon_arrow.gif) 0 7px no-repeat;
	padding:0 0 0 15px;
}

/* ページャー */
#main_ssl nav.pager {
	margin:20px 0;
	zoom: 100%;
	font-size:15px;
	border-top:1px dotted #ccc;
	padding:10px;
    clear: both;
}

#main_ssl nav.pager:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

#main_ssl nav.pager p {
	padding:0;
}

#main_ssl nav.pager ul {
      margin: 10px;
	  padding:0;
}

#main_ssl nav.pager ul li {
	float: left;
	margin-right: 5px;
	border: 1px solid #666;
	font-weight: bold;
	padding: 0;
	clear: none;
	background: none;
}

#main_ssl nav.pager ul li.prev,
#main_ssl nav.pager ul li.next {
      border: none;
}

#main_ssl nav.pager ul li a {
      position: relative;
      display: block;
      padding: 3px 8px;
}

#main_ssl nav.pager ul li a:link,
#main_ssl nav.pager ul li a:visited {
	text-decoration: none;
}

#main_ssl nav.pager ul li a:hover,
#main_ssl nav.pager ul li a:active {
	background-color: #1D3994;
	color:#fff;
}

#main_ssl nav.pager ul li em {
	display: block;
	padding: 3px 8px;
	background:#dbe0ef;
	color:#000;
	font-style: normal;
	font-size:15px;
}

#main_ssl table {
    border: 1px #999 solid;
    border-collapse: collapse;
    border-spacing: 0;
	margin-bottom:10px;
	background:#fff;
	width:100%;
}

/* メイン共通バナー */
#main_ssl .bn .request a {
	display:block;
	text-indent:-9999px;
	width:630px;
	height:150px;
	background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/bn_siryou_pc.gif) 0 0 no-repeat;
	font-size:150px;
	margin-bottom:5px;
}

#main_ssl .bn .request a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

/* Q&A */
#main_ssl dl.qa dt {
	margin:0 0 5px;
	font-weight:bold;
	font-size:16px;
	background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/icon_qa.gif) 0 0 no-repeat;
	padding-left:30px;
}

#main_ssl dl.qa dd {
	margin:0 0 15px;
	background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/icon_qa.gif) 0 -100px no-repeat;
	padding-left:30px;
}


#main_ssl a.tel img {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
	cursor:default;
}


/*20160311追加*/
.red_bold	{
	font-size:24px;
	font-weight:bold;
	color:#C50024;}

.h1_title {
	background:url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/icon_title.gif) 0 0 no-repeat;
	border-bottom:1px solid #333;
	font-size: 22px;
	margin:0 0 15px;
	padding:4px 0 0 20px;
	line-height:1.3;
}


.dai_hyou	{background:#FFFFD6;
border:#630 solid 2px;
padding:10px;
margin-bottom:10px;}
.dai_hyou p.bold	{font-size:18px;
font-weight:bold;}


#container #main .dai_hyou ul li	{
	font-size:18px;
	background:none;
	list-style:disc outside;
	margin-left:20px;
	padding:0 0 0 5px;

}
.dai_hyou ul	{float:left;
	width:140px;
	padding-left:10px;
	margin-right:10px;

}

#container #main .pad_botom_no	{
	padding-bottom:0px;
	}


/*20160316追加*/
#main .font_size18px	{font-size:18px;}
#main .font_size21px	{font-size:21px;}
#main .font_bl_big	{font-size:24px;
font-weight:bold;
}
#main .font_red_big	{font-size:24px;
font-weight:bold;
color:#900;
}

.bold	{
	font-weight:bold;
}

/*20160318追加*/

#container #main h1.back_none	{
	padding:0;
	background:none;
	border:none;
	}

/*20160322追加*/

#main .border-bottom	{
	border-bottom:dotted 2px #666;
}
/* ------------------------------------------------

カテゴリ：スタッフブログ(blog)

--------------------------------------------------*/

/* スタッフブログ　*/

#main .blognav {

	background: #F6F5EC;

	padding: 10px;

	border: 1px solid #ccc;

	font-size: 15px;

	margin: 10px 0;

}

#main .blognav p {

	padding: 0;

}

#main .blognav ul {

	line-height: 1.4;

	padding: 0 10px;

}

#main .blognav ul li {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/icon_arrow.gif) 0 8px no-repeat;

	padding: 0 0 0 10px;

	float: left;

	width: 180px;

	display: block;

	clear: none;

}

#main #blog h2 {
	border-bottom: solid 2px #CC0000;
	color: #333;
	font-size: 18px;
	padding: 10px 150px 3px 5px;
	line-height: 1.3;
	margin-bottom: 10px;
	text-align: left;

}

#main #blog section {

	position: relative;

	border-bottom: 1px solid #e8888e;

}

#main #blog section:after {

	content: "";

	clear: both;

	height: 0;

	display: block;

	visibility: hidden;

}

#main #blog time {
	position: absolute;
	top: 12px;
	left: 500px;
	font-weight: bold;
	width: 120px;

}

#main #blog .staff {

	padding: 10px 0 10px 65px;

	margin-bottom: 20px;

}

#main #blog .kono {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/kono.jpg) 0 0 no-repeat

}

#main #blog .nagano {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/nagano.jpg) 0 0 no-repeat

}

#main #blog .wakisaka {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/wakisaka.jpg) 0 0 no-repeat

}



#main #blog .fujiwara {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/fujiwara.jpg) 0 0 no-repeat

}



#main #blog .chihara {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/chihara.jpg) 0 0 no-repeat

}

#main #blog .fukuda {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/fukuda.jpg) 0 0 no-repeat

}



#main #blog .harada {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/harada.jpg) 0 0 no-repeat

}

#main #blog .inubushi {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/inubushi.jpg) 0 0 no-repeat

}

#main #blog .kamei {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/kamei.jpg) 0 0 no-repeat

}



#main #blog .nakagawa {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/nakagawa.jpg) 0 0 no-repeat

}



#main #blog .oomori {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/oomori.jpg) 0 0 no-repeat

}

#main #blog .sakai {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/sakai.jpg) 0 0 no-repeat

}

#main #blog .sue {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/sue.jpg) 0 0 no-repeat

}

#main #blog .sugimura {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/sugimura.jpg) 0 0 no-repeat

}

#main #blog .tanaka_i {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/tanaka_ikuyo.jpg) 0 0 no-repeat

}

#main #blog .tanaka_r {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/tanaka_rie.jpg) 0 0 no-repeat

}

#main #blog .wada {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/wada.jpg) 0 0 no-repeat

}





#main #blog .kitagawa {

	background: url(.http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/kitagawa.jpg) 0 0 no-repeat

}



#main #blog .shimada {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/shimada.jpg) 0 0 no-repeat

}



#main #blog .yoshimura {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/yoshimura.jpg) 0 0 no-repeat

}





#main #blog .oka {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/oka.jpg) 0 0 no-repeat

}





#main #blog .namikawa {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/namikawa.jpg) 0 0 no-repeat

}



#main #blog .ninomiya {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/ninomiya.jpg) 0 0 no-repeat

}



#main #blog .shimizu {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/shimizu.jpg) 0 0 no-repeat

}



#main #blog .shibata {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/shibata.jpg) 0 0 no-repeat

}



#main #blog .takahashi {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/takahashi.jpg) 0 0 no-repeat

}

#main #blog .murata {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/murata.jpg) 0 0 no-repeat

}

#main #blog .ikeshita {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/ikeshita.jpg) 0 0 no-repeat

}

#main #blog .jyouma {

	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/jyouma.jpg) 0 0 no-repeat
}


#main #blog .kouno {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/kouno.jpg) 0 0 no-repeat


}
#main #blog .nishikawa {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/nishikawa.jpg) 0 0 no-repeat


}

#main #blog .minakuchi {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/minakuchi.jpg) 0 0 no-repeat
}

#main #blog .chiba {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/chiba.jpg) 0 0 no-repeat


}
#main #blog .yamamoto {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/yamamoto.jpg) 0 0 no-repeat


}

#main #blog .arakane {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/arakane.jpg) 0 0 no-repeat
}


#main #blog .nishibayashi {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/nishibayashi.jpg) 0 0 no-repeat
}


#main #blog .lin {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/lin.jpg) 0 0 no-repeat
}


#main #blog .yururi {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/yururi.jpg) 0 0 no-repeat
}

#main #blog .matsuda {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/matsuda.jpg) 0 0 no-repeat
}

#main #blog .jukai {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/jukai.jpg) 0 0 no-repeat
}

#main #blog .nishiyama {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/nishiyama.jpg) 0 0 no-repeat
}

#main #blog .ikeda {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/ikeda.jpg) 0 0 no-repeat
}

#main #blog .terasawa {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/terasawa.jpg) 0 0 no-repeat
}

#main #blog .iwano {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/iwano.jpg) 0 0 no-repeat
}

#main #blog .sone {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/sone.jpg) 0 0 no-repeat
}

#main #blog .hayashi {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/hayashi.jpg) 0 0 no-repeat
}

#main #blog .terawaki {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/terawaki.jpg) 0 0 no-repeat
}

#main #blog .hirai {
	background: url(http://www.aloha-j.com/staffblog/wp-content/themes/alohablog/images/face/hirai.jpg) 0 0 no-repeat
}

.pagination {
	clear: both;
	padding: 20px 0;
	position: relative;
	font-size: 14px;
	line-height: 14px;
        text-align: center;
}
.pagination-box {
	display: inline-block;
}
.pagination span, .pagination a {
	display: block;
	float: left;
	margin: 2px 2px 2px 0;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	width: auto;
	color:#006; /* 文字色 */
	border: 1px solid #666;/* 背景色 */
}
.pagination a:hover{
	color:#FFF;/* マウスホバー時の文字色 */
	background:#006; /* マウスホバー時の背景色 */
}
.pagination .current{
	padding: 10px 15px 10px 15px;
	background:#dbe0ef;/* 現在のページの背景色 */
	color:#006;/* 現在のページの文字色 */
	border: 1px solid #666;

}


@media screen and (max-width: 640px) {
body {
    line-height:1.6;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	font-size:15px;
	color: #333;
	-webkit-text-size-adjust: none;
}

.clearfix:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

.none {
	display:none;
}

a:link, a:hover, a:active {
    color: #1D3994;
	text-decoration:underline;
}

a:visited {
	color:#941d55;
}

a:hover {
	text-decoration:none;
}

small,
figcaption {
	font-size:15px;
	line-height:1.3;
	display:block;
}

.left {
	float:left;
	margin:0 10px 5px 8px;
}
.right {
	float:right;
	margin:0 8px 5px 10px;
}

.center {
	text-align:center;
	margin:0 auto 20px;
	display:block;
}

.sf_center {
	text-align:center;
	margin:0 auto 20px;
	display:block;
}

img {
     max-width: 100%;
     height: auto;
}

em {
	font-weight: bold;
	color: #CC3300;
	font-size: 16px;
	font-style:normal;
}

#container a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

.red {
	color:#CC0000;
}

.notes {
	line-height:1.3;
	text-align:left;
}

.notes small {
	text-align:left;
	font-size:12px;
}
@media only screen and (max-width : 470px) {
.pic_180 {
	width:180px;
}
}
@media only screen and (max-width : 470px) {
.pic_s {
	width:150px;
}
}

@media only screen and (max-width : 470px) {
.pic_ss {
	width:130px;
}
}
@media only screen and (max-width : 470px) {
.pic_100 {
	width:100%;
}
}
blockquote {
    background: url(../images/blockquote.gif) 10px 10px no-repeat;
    padding: 10px 0 0 10px;
    border-left: 10px solid #e7e7e7;
	margin:10px 10px 20px 10px;
	font-size:12px;
}

blockquote h2 {
	font-size:15px;
	font-weight:bold;
	padding:0 0 5px;
	background:none;
	border:none;
	margin:0;
}

.line_bottom {
	border-bottom:1px solid #ccc;
}

#breadcrumb {
	display:none;
}

#container {
	width:100%;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

#main {
	width:100%;
}

/*-- 新規追加 --*/
#main .margin_bottom_no	{
	margin-bottom:0px;
}

#main span.font_s	{font-size:9px;}

#main span.font_gray	{color:#666;}


/*20160316追加*/
#main .font_size18px	{font-size:16px;}

#main .font_bl_big	{font-size:20px;
font-weight:bold;
}
#main .font_red_big	{font-size:20px;
font-weight:bold;
color:#900;
}

.bold	{
	font-weight:bold;
}

/*20160318追加*/

#container #main h1.back_none	{
	padding:0;
	background:none;
	border:none;
	}

/*20160322追加*/

#main .border-bottom	{
	border-bottom:dotted 2px #666;
}


/* メイン共通バナー */
#main .bn .request a {
	display:block;
	text-indent:-9999px;
	margin:0 auto 5px;
	text-align:center;
	width:300px;
	height:60px;
	background:url(../images/bn_siryou_sp.gif) 0 0 no-repeat;
	-webkit-background-size:300px 60px;
}

 /*-------------------------------------------------------
  ヘッダー
------------------------------------------------------- */
header p.date,
header p.time {
	display:none;
}

header #pageheader {
	position:relative;
	min-height:95px;
	height: auto !important;
	height: 95px;
}

header #pageheader #headcomment {
	background:#cc0000;
	font-size:10px;
	color:#fff;
	padding:2px;
}

header h1 {
	width: 310px;
	height: auto;
	padding:5px 5px 0;
}

header #info {
	position:absolute;
	width:300px;
	top:65px;
	right:-20px;
}

header h2 {
	float:left;
	font-size:10px;
	padding:0 5px 0;
}

header #info a .tel	{
	display:block;
	float:left;

	border:1px solid #cc0000;
	color:#cc0000;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
	padding:0 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

header .tel small {
	float:left;
	text-indent:-9999px;
	display:block;
	background:url(../images/icon_tel.gif) 0 0 no-repeat;
	height:13px;
	width:13px;
	-webkit-background-size:13px auto;
	margin:3px 3px 3px 0;
}

 /*-------------------------------------------------------
  ヘッダーナビ
------------------------------------------------------- */

header nav {
	clear: both;
	width:100%;
	-webkit-box-shadow: 5px 5px 5px #999;
	-moz-box-shadow: 5px 5px 5px #999;
	box-shadow: 5px 5px 5px #999;
	text-align:center;
	color: #000;
	margin:0 0 15px;
	background:#d4ffdb;

	background:#d4ffdb;
}

header nav ul {

	overflow:auto;
	background:#d4ffdb;

}

header nav ul li {
	float: left;
	border-right:1px solid #d4ffdb;
}

header nav ul li a {
	display: block;
	padding:10px 5px;
	text-decoration: none;
	text-align: center;
	color: #000;
	font-size:10px;
	line-height:1.4;
	text-shadow: 1px 1px 0px rgb(51, 51, 51);
	zoom: 1;
}

header nav ul li a:hover {
	-ms-box-shadow: 2px 2px 3px rgb(102, 102, 102);
	background:#cbeeeb;

}

header nav ul li a:link,
header nav ul li a:visited,
header nav ul li a:hover,
header nav ul li a:active {
	color:#fff;
	text-decoration:none;
}

header nav ul li.first {
	display:none;
}