@charset "utf-8";

/* 株式会社ココロ　スタイルシート
　 作成者：
　 平成00年00月00日
-------------------------------------------------------------------------------------*/


/* 基本スタイル
-------------------------------------------------------------------------------------*/

/* 全体
------------------------------*/

/* CSS Document */

html
{
	color:#000;
	background:#FFF;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td
{
	margin:0;
	padding:0;
}

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

fieldset, img { border:0; }

address, caption, cite, code, dfn, em, strong, th, var
{
	font-style:normal;
	font-weight:normal;
}

li { list-style:none; }

caption, th { text-align:left; }

h1, h2, h3, h4, h5, h6
{
	font-size:100%;
	font-weight:normal;
}

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

abbr, acronym
{
	border:0;
	font-variant:normal;
}

sup { vertical-align:text-top; }

sub { vertical-align:text-bottom; }

input, textarea, select
{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}


legend { color:#000; }

/* ボディ
------------------------------*/
body
{
	font-size: 75%;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 18px;
}

/* リンク
------------------------------*/
a { color: #003399; }

a:visited { color: #333333; }

a:hover { color: #0066CC; }

/* 画像
------------------------------*/
img
{
	border: none;
	vertical-align: top;
}

/* サイト（コンテンツ部分）の幅指定
-------------------------------------------------------------------------------------*/
#wrapper
{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

/* ヘッダー部分
-------------------------------------------------------------------------------------*/
#header
{
	width: 100%;
	background-image: url(../img/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	height: 105px;
}

#header .inner1000
{
	width: 1000px;
	background-image: url(../img/inner_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	height: 10px;
}

#header .innerleft
{
	width: 690px;
	padding-top: 20px;
	float: left;
}

#header .innerright
{
	width: 305px;
	padding-top: 10px;
	float: right;
}

#header h1
{
	float: left;
	font-size: 85%;
	display: block;
	width: 690px;
}

#header p
{
	float: left;
	padding-top: 20px;
	padding-left: 15px;
	display: block;
}
#header p.lang
{
	float: left;
	padding-top: 20px;
	padding-left: 15px;
	display: block;
}
#header ul
{
	text-align: right;
	width: 305px;
}

#header li
{
	display: inline;
	float: left;
}

/* メニュー部分
-------------------------------------------------------------------------------------*/
#g_navi
{
	float:left;
	width:1000px;
	height: 90px;
	background-image: url(../img/navi.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#g_navi ul
{
	float: left;
	width: 1000px;
	background-image: url(../img/navi_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 50px;
}

#g_navi li { display: inline; }

#gl_navi
{
	width: 1000px;
	height: 80px;
	float: left;
	margin-top: 15px;
}

#gl_navi ul
{
	width: 1000px;
	background-image: url(../img/navi.jpg);
	background-repeat: no-repeat;
	background-position: left 70px;
	height: 80px;
}

#gl_navi li
{
	width: 200px;
	float: left;
}

#gl_navi li a
{
	width: 100%;
	display:block;
	overflow:hidden;
	height:0 !important;
	height /**/:50px;
	padding-top:50px;
	color:#FFFFFF;
	background-image:url(../img/navi_bg.gif);
	float: right;
}

/* オフマウス
-------------------------------------*/
#nav01 a { background-position:  -0px 0px; }

#nav02 a { background-position:-200px 0px; }

#nav03 a { background-position:-400px 0px; }

#nav04 a { background-position:-600px 0px; }

#nav05 a { background-position:-800px 0px; }

/* オフマウス
-------------------------------------*/
#nav01 a.stay { background-position:  -0px -70px; }

#nav02 a.stay { background-position:-200px -70px; }

#nav03 a.stay { background-position:-400px -70px; }

#nav04 a.stay { background-position:-600px -70px; }

#nav05 a.stay { background-position:-800px -70px; }

/* オフマウス
-------------------------------------*/
#nav01 a:hover { background-position:  -0px -140px; }

#nav02 a:hover { background-position:-200px -140px; }

#nav03 a:hover { background-position:-400px -140px; }

#nav04 a:hover { background-position:-600px -140px; }

#nav05 a:hover { background-position:-800px -140px; }

/* 画像
-------------------------------------------------------------------------------------*/

#pictspace
{
	float:left;
	width:1000px;
	padding-top: 10px;
	background-image: url(../img/pictspace_bg.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 40px;
}

/* メイン部分
-------------------------------------------------------------------------------------*/
#main
{
	float:left;
	width:1035px;
}

.border
{
	padding: 5px;
	border: 1px solid #CCCCCC;
}

.breadth
{
	float:left;
	width:715px;
	margin-bottom: 20px;
}

.breadth2
{
	float:left;
	width:685px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.visual
{
	float:left;
	width:685px;
	margin-bottom: 20px;
	margin-top: 10px;
	background-image: url(../img/visual_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 23px;
}

.hearing
{
	float:left;
	width:685px;
	margin-bottom: 20px;
	margin-top: 10px;
	background-image: url(../img/hearing_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 23px;
}

.touch
{
	float:left;
	width:685px;
	margin-bottom: 20px;
	margin-top: 10px;
	background-image: url(../img/touch_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 23px;
}

.inner
{
	float:left;
	width:700px;
	padding-left: 15px;
}

.box
{
	float:left;
	width:715px;
	padding-right: 15px;
}

.box_r
{
	float:left;
	width:350px;
}

.box2
{
	float:left;
	width:213px;
	padding-right: 15px;
}

.pictbox
{
	float:left;
	width:213px;
	padding-right: 27px;
}

.pictbox_r
{
	float:left;
	width:205px;
	padding-bottom: 5px;
}

.pictbox_r2
{
	float:left;
	width:205px;
	padding-bottom: 10px;
}

.pictbox_s
{
	float:left;
	width:110px;
	padding-bottom: 20px;
	padding-left: 15px;
}

.pictbox_l
{
	float:left;
	width:445px;
}

.pictbox_l2
{
	float:left;
	width:445px;
	padding-right: 35px;
}

.top
{
	float:left;
	width:715px;
	height: 71px;
	text-align: center;
	background-image: url(../img/top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 5px;
}

.middle
{
	float:left;
	width:715px;
	background-image: url(../img/middle.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

.bottom
{
	float:left;
	width:715px;
	background-image: url(../img/bottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 11px;
}

.s_left
{
	float:left;
	padding-left: 25px;
}

.s_right
{
	padding-left: 15px;
	float: left;
	width: 400px;
}

.all_right
{
	padding-left: 15px;
	float: left;
	width: 665px;
}

.new
{
	width: 700px;
	background-image: url(../img/new.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	float: left;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 15px;
}

.info
{
	width: 700px;
	background-image: url(../img/info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	float: left;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 15px;
}

.monthly
{
	width: 700px;
	background-image: url(../img/monthly.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	float: left;
	text-align: right;
	padding-right: 15px;
	padding-bottom: 15px;
}

#pan
{
	float:left;
	width:975px;
	padding-left: 25px;
	margin-bottom: 15px;
	margin-top: 15px;
}

#pan ul { float:left; }

#pan li { display: inline; }

#maincontents
{
	float:left;
	width:750px;
	margin-bottom: 30px;
}

#maincontents h1 { margin-bottom: 25px; }

#maincontents h1.text
{
	font-size: 235%;
	font-weight: bold;
	background-image: url(../img/title_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	padding-top: 40px;
	padding-left: 35px;
	display: block;
}

#maincontents h2
{
	width: 660px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #333333;
	padding-left: 15px;
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	margin-bottom: 20px;
	float: left;
	display: block;
}

#maincontents h2.large { font-size: 160%; }

#maincontents h3 { width: auto; }

#maincontents h4
{
	width: 445px;
	font-size: 120%;
	font-weight: bold;
	color: #F96300;
	margin-bottom: 10px;
	float: left;
	display: block;
}

#maincontents p
{
	float: left;
	width: 685px;
	display: block;
	margin-bottom: 20px;
}

#maincontents p.short
{
	width: 400px;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

#maincontents p.btn
{
	width: 400px;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 0px;
	text-align: right;
	padding-top: 35px;
}
#maincontents p.btn2
{
	width: 400px;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 0px;
	text-align: right;
	padding-top: 10px;
}
#maincontents p.btn3
{
	width: 400px;
	float: right;
	padding-bottom: 5px;
	margin-bottom: 0px;
	text-align: right;
	padding-top: 10px;
}
#maincontents p.result
{
	width: 198px;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-top: 10px;
	text-align: center;
}

#maincontents p.illustrate
{
	width: 445px;
	float: left;
	margin-bottom: 0px;
}

#maincontents p.list
{
	float: right;
	background-image: url(../img/go_list.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-top: 25px;
	font-size: 90%;
	width: 60px;
	margin-bottom: 0px;
}

#maincontents p.inquiry
{
	float: left;
	width: 685px;
	display: block;
	text-align: center;
	margin-top: 15px;
}

#maincontents p.center
{
	float: left;
	width: 685px;
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

#maincontents p.long
{
	width: 445px;
	text-align: center;
	margin-top: 10px;
}

#maincontents ul
{
	float: left;
	width: 685px;
	display: block;
	margin-bottom: 20px;
	text-align: center;
}

#maincontents ul.toppage
{
	width: 715px;
	margin-top: 10px;
}

#maincontents li
{
	display: inline;
	margin-right: 10px;
}

#maincontents li.month
{
	display: inline;
	margin-bottom: 10px;
	float: left;
	margin-right: 5px;
}

#maincontents li.end
{
	display: inline;
	margin-right: 0px;
}

#maincontents li.month_r
{
	display: inline;
	margin-right: 0px;
	float: left;
	margin-bottom: 10px;
}

#maincontents dl
{
	float:left;
	width:700px;
	display: block;
	margin-bottom: 15px;
	padding-left: 15px;
}

#maincontents dt
{
	width:98px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-image: url(../img/orange_arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

#maincontents dd
{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 3px;
	padding-top: 3px;
	width: 227px;
	float: left;
	margin-right: 5px;
}

#maincontents table
{
	width: 685px;
	margin-bottom: 25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	float: left;
	margin-top: 5px;
}

#maincontents th
{
	width: 200px;
	background-color: #E8E8E8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding: 10px;
}

#maincontents td
{
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#maincontents td.right { text-align: right; }

#sidecontents
{
	float:left;
	width:250px;
	padding-right: 35px;
}

#sidecontents ul
{
	float:left;
	width:200px;
	padding-left: 25px;
}

#sidecontents li
{
	background-image: url(../img/arrow.gif);
	background-repeat: no-repeat;
	background-position: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-left: 25px;
	margin-bottom: 8px;
	padding-bottom: 3px;
}

#sidecontents li.s { font-size: 90%; }

#sidecontents ul.sub
{
	width:250px;
	padding-left: 0px;
	padding-bottom: 20px;
}

#sidecontents li.sub
{
	background-image: none;
	border-bottom-style: none;
	margin: 0px;
	padding: 0px;
}

#event
{
	float:left;
	width:250px;
	background-image: url(../img/event.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 105px;
	padding-top: 65px;
	margin-bottom: 10px;
}

#graphic
{
	float:left;
	width:250px;
	background-image: url(../img/graphic.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 105px;
	padding-top: 65px;
	margin-bottom: 10px;
}

#movie
{
	float:left;
	width:250px;
	background-image: url(../img/movie.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	padding-top: 65px;
	margin-bottom: 10px;
}

#web
{
	float:left;
	width:250px;
	background-image: url(../img/web.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 45px;
	padding-top: 65px;
	margin-bottom: 10px;
}

#sidesub
{
	width:250px;
	float: left;
}

#company
{
	float:left;
	width:250px;
	margin-bottom: 10px;
}

#recruit
{
	float:left;
	width:250px;
	margin-bottom: 10px;
}

/* フッター部分
-------------------------------------------------------------------------------------*/
#footer
{
	width: 100%;
	background-image: url(../img/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	clear: left;
}

#footer .inner1000
{
	width: 1000px;
	background-image: url(../img/inner_bg2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right: auto;
	margin-left: auto;
	padding-top: 70px;
}

#footer ul
{
	width: 1000px;
	text-align: center;
	display: block;
	padding-bottom: 5px;
}

#footer li
{
	display: inline;
	font-size: 90%;
	margin-right: 5px;
}

#footer p
{
	text-align: center;
	width: 1000px;
	font-size: 90%;
	margin-top: 10px;
}