/*
Theme Name: IWAIASKUL
Theme URI:
Description:
Version: 1.1
Author: NOTOPRINTING CO.,Ltd.
Author URI: http://www.notoinsatu.co.jp/
*/
@charset "UTF-8";

/* ページ全体 */
* {
	margin: 0px;
	padding: 0px;
}
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	color: #333333;
}
a {
	text-decoration: none;
}
a:link {	color: #0099CC;}
a:visited {	color: #999999;}
a:active {	color: #00CCFF;}
a:hover {	color: #00CCFF;}

* img {	border: none;}

ul {
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd {
margin: 0px;
padding: 0px;
}

#container {
	width: 780px;
	margin: 0px auto 10px;
}


/* ヘッダ */
#header {
	background: url(images/bg.gif) center top repeat-y;
	position: relative;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 160px;
}
#header h1 {
	position: absolute;
	top: 35px;
	left: 30px;
}
#header h1 a {
	display: block;
	background: url(images/header_f.gif) 0px 0px no-repeat;
	width: 680px;
	height: 55px;
	text-indent: -9999px;
	font-size: 9px;
	overflow: hidden;
}
#header address {	display: none;}
#header .inquiry {
	background: url(images/inquiry_f.gif) 0px 0px no-repeat;
	width: 760px;
	height: 25px;
	position: absolute;
	top: 0px;
	left: 10px;
}
#header .inquiry a {
	display: block;
	background: url(images/btn_inquiry.gif) 0px 0px no-repeat;
	width: 170px;
	height: 25px;
	text-indent: -999px;
	font-size: 9px;
	overflow: hidden;
	position: relative;
	left: 570px;
}
#header .inquiry a:hover {	background-position: 0px -25px;}

#header #navigation {
	position: relative;
	top: 100px;
	background: url(images/contents.gif) bottom no-repeat;
	height: 60px;
	list-style-type: none;
}
#header #navigation ul {
	overflow: hidden;
	height: 30px;
}
#header #navigation li {
	float: left;
	height: 30px;
}
#header #navigation li a {
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 30px;
	text-indent: -999px;
	font-size: 9px;
	overflow: hidden;
}
#header #navigation li.navi01 a {	background-image: url(images/navi1.gif); width: 140px;}
#header #navigation li.navi02 a {	background-image: url(images/navi2.gif); width: 125px;}
#header #navigation li.navi03 a {	background-image: url(images/navi3.gif); width: 125px;}
#header #navigation li.navi04 a {	background-image: url(images/navi4.gif); width: 125px;}
#header #navigation li.navi05 a {	background-image: url(images/navi5.gif); width: 125px;}
#header #navigation li.navi06 a {	background-image: url(images/navi6.gif); width: 140px;}
#header #navigation li a:hover,
body#campaign #header #navigation li.navi01 a,
body#original #header #navigation li.navi02 a,
body#askularena #header #navigation li.navi03 a,
body#staffblog #header #navigation li.navi04 a {
	background-position: 0px -30px;
}


/* トップページ */
.arena {
	background: url(images/askularena_bottom.gif) bottom no-repeat;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.contentframe {
	background: url(images/askularena_bg.gif) 0px 0px repeat-y;
	padding: 10px 10px 0px;
	overflow: hidden;
}
.contentframe:after {
   content: ".";
   display: block;
   clear: both;
   height: 0px;
   visibility: hidden;
}
.contentframe {	display: inline-block;}
/* exlude MacIE5 \*/
* html .contentframe {	height: 1%;}
.contentframe {	display:block;}
/* end MacIE5 */

.example {
	float: left;
	width: 478px;
}
.example h2 a {
	background: url(images/example.gif) 0px 0px no-repeat;
	display: block;
	text-indent: -999px;
	font-size: 9px;
	height: 27px;
	margin-bottom: 0px!important;
}
.contenttext {
	background: url(images/example_bg.gif) 0px 0px repeat-y;
	padding: 0px 10px 10px;
	margin-bottom: 2px;
	color: #333333;
}
.example h3 {
	font-size: 90%;
	border-left: 5px solid #666666;
	padding-left: 5px;
	margin-bottom: 5px;
}
.list {
	font-size: 75%;
}
.list a {
	background: url(images/li_blue.gif) left no-repeat;
	padding: 5px 0px 5px 20px;
	color: #FFFFFF;
	margin-right: 10px;
	line-height: 20px;
}
.list a:visited {	color: #DFDFDF;}
.list a:hover {	color: #CCFFFF;}

.simulation {
	margin-left: auto;
	width: 212px;
}
.simulation h2 {
	background: url(images/simulation.gif) 0px 0px no-repeat;
	display: block;
	text-indent: -999px;
	font-size: 9px;
	height: 27px;
	margin-bottom: 2px;
}
.simulation ul {
	list-style-type: none;
}
.simulation li {
	font-size: 1px;
	line-height: 100%;
	margin-bottom: 2px;
}
.individual p,.corporation p,.special p {
	margin-bottom: 2px!important;
}
.individual h2,.corporation h2,.special h2 {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -999px;
	font-size: 9px;
	height: 27px;
	margin-bottom: 5px;
}
.individual h2 {	background-image: url(images/title_individual.gif);}
.corporation h2 {	background-image: url(images/title_corporation.gif);}
.special h2 {	background-image: url(images/title_service.gif);}

.individual,.corporation,.special {
	border-bottom: 1px dashed #999999;
	margin-bottom: 10px;
}
.staffblog h2 a {
	background: url(images/staffblog.gif) 0px 0px no-repeat;
	display: block;
	text-indent: -999px;
	font-size: 9px;
	height: 27px;
	margin: 0px!important;
}
.original h2 a {
	background: url(images/original.gif) 0px 0px no-repeat;
	display: block;
	text-indent: -999px;
	font-size: 9px;
	height: 27px;
	margin-bottom: 10px;
}
.standard h2 {
	background: url(images/standard.gif) 0px 0px no-repeat;
	text-indent: -999px;
	font-size: 9px;
	height: 27px;
}
.staffblog {
	width: 168px;
	margin-left: auto;
	background: url(images/blog_bg.gif) 0px 0px repeat-y;
}
.staffblog ul {
	background: url(images/blog_bottom.gif) bottom no-repeat;
	padding: 10px;
	margin: 0px!important;
	list-style-type: none;
}
.staffblog li {
	background: url(images/li_pink.gif) 0px 0px no-repeat;
	line-height: 16px;
	padding-left: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}
.original {
	float: left;
	width: 290px;
}
.original dt {
	background: url(images/li_white.gif) 0px 0px no-repeat;
	line-height: 16px;
	padding-left: 18px;
	font-weight: bold;
	font-size: 80%;
}
.original dd {
	font-size: 75%;
	margin-bottom: 15px;
}
.freecomment {
	font-size: 75%;
}


/* 本文 */
#contents {
	background: url(images/bg.gif) center repeat-y;
	width: 720px;
	padding: 0px 30px;
	clear: both;
}
#contents:after {
   content: ".";
   display: block;
   clear: both;
   height: 0px;
   visibility: hidden;
}
#contents {	display: inline-block;}
/* exlude MacIE5 \*/
* html #contents {	height: 1%;}
#contents {	display:block;}
/* end MacIE5 */

.left {
	width: 232px;
}
.right {
	float: right;
	width: 468px;
}

#contents p {
	line-height: 130%;
	margin-bottom: 10px;
	font-size: 80%;
}
#contents .right ul,#contents .right ol {
	margin: 10px 0px 10px 28px;
}
#contents .right li {
	line-height: 130%;
	font-size: 80%;
}
.entries h4 {
	border-bottom: 1px solid #999999;
	color: #666666;
	font-size: 80%;
	padding-bottom: 2px;
	margin-bottom: 5px;
	clear: right;
}
.menulist h4 {
	border-bottom: 1px solid #999999;
	color: #666666;
	font-size: 80%;
	padding-bottom: 2px;
	margin-bottom: 5px;
}
.entries h3 {
	background: url(images/li_white.gif) 0px 0px no-repeat;
	line-height: 16px;
	padding-left: 18px;
	font-weight: bold;
	font-size: 80%;
	margin-bottom: 10px;
}
.entries img {
	margin: 5px;
}
.entryfooter {
	text-align: right;
	background-color: #EEEEEE;
	border-top: 1px dashed #999999;
	padding: 5px;
	margin: 10px 0px 20px;
	font-size: 60%;
	clear: right;
}
strong {	color: #666633;}


/* タイトル */
#contents h2 a {
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 27px;
	text-indent: -999px;
	font-size: 9px;
	margin-bottom: 10px;
}
body#campaign #contents h2 a {	background-image: url(images/title_campaign.gif);}
body#original #contents h2 a {	background-image: url(images/title_original.gif);}
body#askularena #contents h2 a {	background-image: url(images/title_askularena.gif);}
body#staffblog #contents h2 a {	background-image: url(images/title_staffblog.gif); height: 80px;}
body#example #contents h2 a {	background-image: url(images/title_example.gif);}
body#index #contents h2.inquiry a {	background-image: url(images/title_inquiry.gif);}


/* メニュー */
.menulist {
	background: url(images/menu_bg.gif) bottom repeat-y;
	padding: 10px;
	margin: 0px;
}
.menulist ul {
	list-style-type: none;
}

#contents .banner p,
#contents .office p {
	font-size: 65%;
	text-align: center;
	margin-bottom: 2px;
}
.catalog a {
	display: block;
	background: url(images/bn_catalog.gif) 0px 0px no-repeat #667799;
}
.catalog img {
	display: block;
	margin: 0px auto;
}
.catalog p {
	margin: 0px!important;
}
.standard strong {	color: #CC0000; font-size: 100%;}
.standard ol {
	color: #666666;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 28px;
}
.standard li {
	font-size: 80%;
	line-height: 120%;
	border-bottom: 1px dashed #999999;
	padding-bottom: 1px;
	margin-bottom: 5px;
}
.caption {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 60% !important;
}
.tel {
	margin-bottom: 10px;
}
.tel a {
	display: block;
	background: url(images/bn_tel_f.gif) 0px 0px no-repeat;
	width: 212px;
	height: 85px;
	text-indent: -999px;
	overflow: hidden;
}
.tel a:hover {	background-position: 0px -85px;}
.news ul,.catmenu ul {
	margin-bottom: 20px;
}
.news ul li,.catmenu ul li,.shop ul li {
	background: url(images/li_blue.gif) 0px 0px no-repeat;
	line-height: 16px;
	padding-left: 18px;
	margin: 5px 0px;
	font-size: 80%;
}
.shop {
	background: url(images/menu_bg.gif) top repeat-y;
	padding: 0px 10px 10px;
	margin-bottom: 10px;
}
.shop h4 {
	border-bottom: 1px solid #999999;
	color: #666666;
	font-size: 80%;
	padding-bottom: 2px;
	margin-bottom: 5px;
}

/* フッタ */
#footer {
	background: url(images/footer.gif) 0px 0px no-repeat;
	font-size: 60%;
	padding: 20px 10px 10px 10px;
	color: #999999;
	clear: both;
	height: 100%;
}


/* コンタクトフォーム,コメントエリア */
.commentarea {
	border-top: 5px solid #DFEEFF;
	margin-top: 20px;
	padding-top: 10px;
	clear: both;
}
.commentarea h5 {
	background-color: #99CCFF;
	color: #336699;
	font-size: 70%;
	font-weight: normal;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 5px;
}
.contactform {
	position: static;
	padding: 10px;
	border: 1px solid #CCCCCC;
}
.contactform br {
	display: none;
}
.contactleft {
	width: 25%;
	text-align: right;
	float: left;
}
.contactright {
	width: 70%;
	margin-left: auto;
}
.contactrank {
	font-size: 80%;
	border-bottom: 1px dashed #CCCCCC;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#wpcf_your_name,#wpcf_email,#wpcf_subject,#wpcf_msg,#author,#email,#comment {
	padding: 0px;
	border: none;
	background-color: #EEEEEE;
	width: 100%;
}
#contactsubmit,#submit,#reset {
	border: none;
	background-color: #000000;
	color: #FFFFFF;
	padding: 2px;
}
.contacterror {
	border: 1px solid #ff0000;
}

table,
th,
td {
	border-collapse: collapse;
}
th,td {
	font-size: x-small;
	padding: 2px;
}