@charset "shift_jis"; 



/* h1 */
/*//////////////////////////////////////////////////////*/

body#word h1 {
	background-image : url("../word/img/h1.jpg");
}



/* h2 */
/*//////////////////////////////////////////////////////*/

body#word h2 {
	text-indent      : -9999px;
	width            : 780px;
	height           : 43px;
	background-repeat : no-repeat;
	background-position : 0 0;
	margin           : 0 0 50px 0;
}


/* contents */
/*//////////////////////////////////////////////////////*/

body#word #main {
	width       : 950px !important;
}


/* wordbox */
/*//////////////////////////////////////////////////////*/

body#word #wordbox {
	width       : 950px;
	text-align  : center;
	padding     : 0;
}

body#word #wordbox .wrapper {
	width       : 950px;
	text-align  : left;
	margin      : 0 auto;
}

body#word #wordbox dl {
	margin           : 0 0 10px 0;
	padding          : 0 0 30px 0;
}

body#word #wordbox dl dt {
	font-weight      : bold;
	font-size        : 142%;
	border-bottom    : solid 1px #b22124;
}

body#word #wordbox dl dt span {
	font-size        : 70%;
}

body#word #wordbox dl dd {
	padding          : 0.5em;
	line-height      : 1.3;
}

body#word #wordbox dl dd strong {
	font-weight      : bold;
}



/* controls */
/*//////////////////////////////////////////////////////*/

body#word #controls {
	text-indent      : -9999px;
	width            : 780px;
	height           : 70px;
	display          : block;
	position         : relative;
	left             : 74px;
}

body#word #controls ol.controls {
	width            : 780px;
	position         : relative;
}

body#word #controls ol.controls li {
	width            : 194px;
	display          : block;
	float            : left;
}

body#word #controls ol.controls li a span.c {
	width            : 194px;
	height           : 70px;
	display          : block;
	background-repeat   : repeat-y;
	background-position : 0 0;
}

body#word #controls ol.controls li a span.word01{
	background : url("../word/img/c_word01.jpg");
}

body#word #controls ol.controls li a span.word02{
	background : url("../word/img/c_word02.jpg");
}

body#word #controls ol.controls li a span.word03{
	background : url("../word/img/c_word03.jpg");
}

body#word #controls ol.controls li.current a span span,
body#word #controls ol.controls li a span span.c:hover {
	background-position : 0 70px;
}




/* slider */
/*//////////////////////////////////////////////////////*/

body#word #slider {
	width:950px;
	position:relative; /* Fixing fade in IE6 and IE7 */
}

body#word #slider img{
	border:none;
	display    : block;
}

body#word #slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
}

body#word #slider li { 
	width:950px;
	overflow:hidden; 
}


body#word #slider #controls li {
	display  : inline;
}

body#word #slider #controls li a {
	display  : block;
}

body#word #slider div.box {
	width       : 780px;
	margin      : 0 auto;
}



/* word01 */
/*//////////////////////////////////////////////////////*/

body#word #slider li.word01 {
	width      : 950px;
	height     : 750px;
	background  : url("../word/img/word01.jpg") 0 10px no-repeat;
}

body#word #slider li.word01 h2 {
	background-image : url("../word/img/h2_01.jpg");
}

body#word #slider li.word01 dl {
	margin           : 0 0 10px 0;
	padding     : 0 0 50px 0;
}



/* word02 */
/*//////////////////////////////////////////////////////*/

body#word #slider li.word02 {
	width      : 950px;
	height     : 800px;
	background  : url("../word/img/word02.jpg") 0 10px no-repeat;
}

body#word #slider li.word02 h2 {
	background-image : url("../word/img/h2_02.jpg");
}



/* word03 */
/*//////////////////////////////////////////////////////*/

body#word #slider li.word03 {
	width      : 950px;
	height     : 700px;
	background  : url("../word/img/word03.jpg") 0 10px no-repeat;
}

body#word #slider li.word03 h2 {
	background-image : url("../word/img/h2_03.jpg");
}

body#word #slider li.word03 dl {
	margin           : 0 0 10px 0;
	padding     : 0 0 50px 0;
}



/* clearfix */
/*//////////////////////////////////////////////////////*/

body#word #controls ol.controls:after {
	content        : ".";
	height         : 0px;
	clear          : both;
	visibility     : hidden;
	display        : block;
}

body#word #controls ol.controls {
	display        : inline-block;
}

/*\*/
* html body#word #controls ol.controls {
	height         : 1%;
}

body#word #controls ol.controls {
	display        : block;
}