@charset "UTF-8";
/* CSS Document */

#ulHead {
	overflow: hidden;
	margin-left: -25px;
}
#ulHead li {
	float: left;
	width: 190px;
	height: 120px;
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 25px 25px;
	background-repeat: no-repeat;
	padding: 70px 142px 0 23px;
}
#ulHead .li01 {
	background-image: url(../images/top/midashi01.jpg);
}
#ulHead .li02 {
	background-image: url(../images/top/midashi02.jpg);
}
#ulHead .li03 {
	background-image: url(../images/top/midashi03.jpg);
}
#ulHead .li04 {
	background-image: url(../images/top/midashi04.jpg);
}
#globalnavi {
	/*width: 705px;*/
	margin:0 15px 20px;
	overflow:hidden;
}
#globalnavi li {
	float: left;
}
#globalnavi a {
	text-indent: -9999px;
	display: block;
	width: 175px;
	height: 33px;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}
#menu2 a {
 background-position: -175px 0;
}
#menu3 a {
 background-position: -350px 0;
}
#menu4 a {
 background-position: -525px 0;
}
#menu5 a {
 background-position: 0 -33px;
}
#menu6 a {
 background-position: -175px -33px;
}
#menu7 a {
 background-position: -350px -33px;
}
#menu8 a {
 background-position: -525px -33px;
}
#menu1 a:hover {
	background-position: 0 -64px;
}
#menu2 a:hover {
	background-position: -175px -64px;
}
#menu3 a:hover {
	background-position: -350px -64px;
}
#menu4 a:hover {
	background-position: -525px -64px;
}
#menu5 a:hover {
	background-position: 0 -97px;
}
#menu6 a:hover {
	background-position: -175px -97px;
}
#menu7 a:hover {
	background-position: -350px -97px;
}
#menu8 a:hover {
	background-position: -525px -97px;
}
#annai {
	background-image: url(../images/top/annai.jpg);
	height: 275px;
	padding: 70px 20px 0 250px;
	width: 430px;
	font-size: 0.72em;
	margin:0 auto 20px;
}
/* 概要 */
@media all and (min-width: 741px) {
#outline {
	background: url(../images/outline.gif) no-repeat;
	width: 600px;
	height: 400px;
	position: relative;
}
#outline div {
	position: absolute;
	font-size: 12px;
}
#outline div h3 {
	margin-bottom: 0;
	background-image: none;
}
#outline div li {
	line-height: 1.5;
	background-position: 0 .5em;
	padding-left: 10px;
}
.outline01 {
	top: 10px;
	left: 30px;
}
.outline02 {
	top: 10px;
	right: 0;
}
.outline03 {
	top: 210px;
	left: 150px;
}
.outline01 h3 {
	margin-left: 30px;
}
.outline02 h3 {
	margin-left: 30px;
}
.outline03 h3 {
	margin-left: 120px;
}
}

/* Q&A 
#faq span {
	padding-right: 1em;
}
#faq dd span {
	font-weight: bold;
	padding-left: 1em;
}
#faq dd {
	margin-left: 4em;
	text-indent: -4em;
}
*/
/* 囲碁について */
#about div {
	border: 2px dotted #497fbd;
	padding: 1em;
	margin-bottom: 2em;
}
/* メディア */
#media .dl_flo dt {
	width: 4em!important;
}
#media .dl_flo dd {
	margin-left: 6em;
}
/* 囲碁の歴史 */
#history {
	overflow: hidden;
}
#history h3 {
	clear: both;
}
#history div {
	float: left;
	width: 486px;
	margin-bottom: 2em;
}
#history figure {
	float: right;
	width: 230px;
}
#history div figure {
	float: none;
	width: auto;
}
@media screen and (max-width: 480px),/**/ screen and (min-width: 375px) and (max-width: 413px),/* iPhone6 */ screen and (min-width: 414px) and (max-width: 500px)/* iPhone6 Plus*/ {

/*すまほ用の記述*/
	
}
}