/*――――――――――――――――――――――

　　　スタジオモフモフ（Studio MofuMofu）

　　　　　　【fish00_css】

　　　http://ousama-no-ehon.com/

――――――――――――――――――――――*/

#toptitle {
	position:absolute;
	left:185px;
	top:29px;
	width:480px;
	height:60px;
	margin: 0px;
	padding: 0px;
}

#toptitle h1 {
	font-size: medium;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
}
#toptitle ul {
	list-style: none;
	margin: 0px;
	padding: 5px 0px;
	font: 11px "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

#toptitle li {
	display: inline;
	margin: 0px;
	padding: 0px 4px;
}
#toptitle h2 {
	visibility: hidden;
	display: inline;
	margin: 0px;
	padding: 0px;
	font-size: x-small;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
}

/*――――――――――――――――――――――
　　　ヘッダー
――――――――――――――――――――――*/

#header1 {
	margin: 0px;
	padding: 0px;
	height: 150px;
	z-index:1;
	font-size: 0%;
	width: 750px;
}

#pan1 {
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 750px;
}

#pan1 p {
	margin: 8px 0px 0px 30px;
	padding: 0px;
	font: x-small "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #333333;
}

#pan2 {
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 750px;
}

#pan2 p {
	margin: 8px 0px 0px 30px;
	padding: 0px;
	font: x-small "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
	color: #333333;
}

a:link {
	margin: 0px;
	padding: 0px;
	height: auto;
}

/*――――――――――――――――――――――
　　　サイド１
――――――――――――――――――――――*/

#side1   {
	margin: 2px 0px 0px 10px;
	padding: 0px;
	float: left;
	height: auto;
	width: 150px;
	display: inline;
}

#side1  h3  {
	font-size: small;
	margin: 0px;
	padding: 0px;
	display: block;
	height: 38px;
	width: 150px;
}

#side1  a  {
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 38px;
	width: 150px;
}


/*――――――――――――――――――――――
　　　コンテンツ #mo0
――――――――――――――――――――――*/

#side1 h3#mo0  {
	margin: 0px;
	padding: 0px;
	background: #D8F9E8 url(../../mobile/switch/contents.gif) no-repeat center center;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: 1px solid #CCCCCC;
}


/*――――――――――――――――――――――
　　　概要 #mo1
――――――――――――――――――――――*/

#side1 h3#mo1 {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: 1px solid #CCCCCC;
	background: url(../../face/switch/switch_face1b.gif) no-repeat center center;
}

#side1 h3#mo1 a  {
	margin: 0px;
	padding: 0px;
	background: url(../../face/switch/switch_face1.gif) no-repeat center center;
}

#side1 h3#mo1 a:hover, #side1 h3#mo1 a:active {
	background: url(../../face/switch/switch_face1a.gif) no-repeat center center;
}


/*――――――――――――――――――――――
　　　こだわり #mo2
――――――――――――――――――――――*/

#side1 h3#mo2 {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom-style: none;
	background: url(../../face/switch/switch_face5b.gif) no-repeat center center;
}

#side1 h3#mo2 a  {
	margin: 0px;
	padding: 0px;
	background: url(../../face/switch/switch_face5.gif) no-repeat center center;
}

#side1 h3#mo2 a:hover, #side1 h3#mo2 a:active {
	background: url(../../face/switch/switch_face5a.gif) no-repeat center center;
}


/*――――――――――――――――――――――
　　　お仕事の流れ #mo3
――――――――――――――――――――――*/

#side1 h3#mo3 {
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-bottom-style: none;
	background: url(../../face/switch/switch_face2b.gif) no-repeat center center;
}

#side1 h3#mo3 a {
	margin: 0px;
	padding: 0px;
	background: url(../../face/switch/switch_face2.gif) no-repeat center center;
}

#side1 h3#mo3 a:hover, #side1 h3#mo3 a:active {
	background: url(../../face/switch/switch_face2a.gif) no-repeat center center;
}



/*――――――――――――――――――――――
　　　参考作品 #mo4
――――――――――――――――――――――*/


#side1 h3#mo4 {
	margin: 0px;
	padding: 0px;
	background: url(../../face/switch/switch_face3b.gif) no-repeat center center;
	border: 1px solid #CCCCCC;
}

#side1 h3#mo4 a {
	margin: 0px;
	padding: 0px;
	background: url(../../face/switch/switch_face3.gif) no-repeat center center;
}

#side1 h3#mo4 a:hover, #side1 h3#mo4 a:active {
	background: url(../../face/switch/switch_face3a.gif) no-repeat center center;
}


/*――――――――――――――――――――――
　　　メールフォーム #mo00
――――――――――――――――――――――*/


#side1 h3#mo00  {
	margin: 20px 0px 0px;
	padding: 0px;
	background: #FFFF99 url(../../mobile/switch/goirai.gif) no-repeat center center;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: none;
	border-left: 1px solid #CCCCCC;
}

#side1 h3#mo7 {
	margin: 0px;
	padding: 0px;
	background: url(../../mobile/switch/switch_mobile7b.gif) no-repeat center center;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

#side1  h3#mo7  a {
	margin: 0px;
	padding: 0px;
	background: url(../../mobile/switch/switch_mobile7.gif) no-repeat center center;
}

#side1  h3#mo7  a:hover, #side1  h3#mo7  a:active {
	background: url(../../mobile/switch/switch_mobile7a.gif) no-repeat center center;
}

#side1 h3#mo6 {
	margin: 0px;
	padding: 0px;
	background: url(../../mobile/switch/switch_mobile6b.gif) no-repeat center center;
	border: 1px solid #CCCCCC;
}

#side1  h3#mo6  a {
	margin: 0px;
	padding: 0px;
	background: url(../../mobile/switch/switch_mobile6.gif) no-repeat center center;
}

#side1  h3#mo6  a:hover, #side1  h3#mo6  a:active {
	background: url(../../mobile/switch/switch_mobile6a.gif) no-repeat center center;
}

#side1 ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}