body {
	background: url(/images/title_petit.gif) repeat fixed;
	margin: 0 auto;
}
body, form, input, textarea {
font-family:'メイリオ','meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Osaka','meiryoKe_PGothic','Verdana','ＭＳ Ｐゴシック',sans-serif;
}
#content {
position:relative;
margin:0 auto;
padding:0;
width:900px;
line-height:1.7;
}
#header {
	margin:0;
	height:120px;
	background:#EEEEEE url(http://www.orupuchi.com/images/t_img2.png) repeat fixed center top;
	font-size:117%;
	text-align: center;
	padding-top: 20px;
}
#header_0 {
width: 898px;
height:3px;
margin:0px 0px 5px;
padding:2px;	/* for IE6 */
background:#f5f5f5 url(http://www.orupuchi.com/images/t_img2.png) repeat-x top;
float: left;
}
h1 {
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	font-size: 30px;
	color: #FF3333;
	font-weight: normal;
}
p {
	text-align: left;
}
a:link {
text-decoration:underline;
color:#000000;
}
a:visited {
text-decoration:underline;
color:#000000;
}
a:hover {
	color:#ff0066;
	text-decoration: none;
}
.pix16 {
	font-size: 16px;
	color: #000;
}
h2 {
	font-size: 20px;
}
.pix16name {
	font-size: 16px;
	color: #FF6699;
}
.pix14a {
	font-size: 14px;
}
.ordu {
	color: #006666;
}
.petit {
	color: #FF6699;
}
.pix15 {
	font-size: 15px;
}
.pix14b {
	font-size: 14px;
	color: #C40031;
}

.petit14 {
	color: #FF6699;
	font-size: 14px;
}
.ordu14 {
	color: #006666;
	font-size: 14px;
}
#foot {
	font-size: 12px;
	background: #FFffFF;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	width: 900px;
	margin-top: 10px;
	-webkit-box-shadow: 0 2px 5px #ffffff;
-moz-box-shadow: 0 2px 5px #ffffff;
box-shadow: 0 2px 5px #ffffff;
}
#foot a:link {
	color: #CC3366;
}
#foot a:visited {
	color: #CC3366;
}
#foot a:hover {
	color: #666666;
	text-decoration: none;
}
/* PAGE TOP */
#ttop {
position:fixed;
bottom:155px;
right:0;
width:26px;
height:380px;
background:url(http://blog-imgs-45.fc2.com/p/e/t/petitmarhe/t_ptop.gif) no-repeat left bottom;
}
/* IE6 */
* html #ttop { display:none; }
#ttop:hover { background-position:0 225px; }
a.page_ttop {
display:block;
width:26px;
height:380px;
}

/* PAGE BACK */
#tt {
position:fixed;
bottom:4px;
right:0;
width:26px;
height:155px;
background:url(http://blog-imgs-24.fc2.com/s/a/y/sayamac/B_ptop.gif) no-repeat left bottom;
}
/* IE6 */
* html #tt { display:none; }
#tt a:hover {
width:26px;
height:155px;
background:url(http://blog-imgs-24.fc2.com/s/a/y/sayamac/BRt_ptop.gif) no-repeat left bottom;
}
a.page_tt {
display:block;
width:26px;
height:155px;
}

/* Navigation
http://www.cssplay.co.uk/menus/skeleton.html
※ナビゲーションメニューもカスタマイズOKですが、
IE6，IE5.5で表示が乱れる恐れがあるので注意！！
項目の削除には注意してください。
------------------------------------- */
#nav {
	width:900px;
	position:relative;
	z-index:10;
	padding:0;
	height:35px;
	background:#000 url(http://blog-imgs-35.fc2.com/a/r/i/arinogotokuatumarite/t_menu2.png) repeat-x;
	margin: 0px;
	font-size: 12px;
}
#nav ul {
list-style:none;
background:#fff;
border:1px solid #999;
}
#nav ul li {
list-style:none;
}
#nav .navitop {
width:160px;
height:25px;
border-right:0px;
border-left:1px solid #222;
text-align:center;
font-weight:bold;
color:#fff;
}
/* for IE5.x and IE6 */
#nav table,
#nav td {
border:0;
border-collapse:/**/collapse;	/* IE5.5 除外 */
}
#nav li {
float:left;
text-align:left;
font-weight:normal;
}
#nav li li {
float:none;
}
/* a hack for IE5.x and IE6 */
#nav li a li {
float:left;
}
#nav li a {
float:left;
padding:5px 7px;
width:134px;
display:block;
text-decoration:none;
color:#0066cc;
}
#nav li li a,
#nav li:hover ul li:hover ul li a {
float:none;
padding:5px 10px;
width:200px;
background:#fff;
border-top:1px solid #ccc;
}
#nav li:hover {
position:relative;
z-index:20;
visibility:visible;
}
#nav a:hover {
position:relative;
z-index:20;
visibility:visible;
background:#006699;
color:#fff;
}
#nav a.this {
background:url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_menu_this2.png) no-repeat center bottom;
}
#nav li .navitop:hover,
#nav li:hover .navitop {
background:url(http://blog-imgs-32.fc2.com/a/r/i/arinogotokuatumarite/t_menu_this2.png) no-repeat center bottom;
}
#nav li:hover ul li:hover a,
#nav li:hover ul li:hover ul li a:hover {
background:#006699!important;
}
#nav li li a.parent {
font-weight:bold;
background:#f5f5f5;
}
#nav :hover ul {
left:0px;
top:35px;
}
.sentence {
display:block;
margin:2px;
padding:5px;
background:#f5f5f5;
border:1px solid #ccc;
color:#666;
overflow:hidden;
}
.sentence span {
display:block;
font-weight:bold;
}
#nav li li.r_sentence {
width:200px;
padding:10px;
background:#f5f5f5;
color:#666;
overflow:hidden;
}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {
left:-1px;
}
#nav ul {
position:absolute;
left:-9999px;
top:-9999px;
}
/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {
left:0;
margin-left:100%;
top:0;
}
/* keep further levels hidden */
#nav li:hover > ul ul {
position:absolute;
left:-9999px;
top:-9999px;
width:auto;
}
/* show path followed */
#nav li:hover > a {
color:#fff;
}
/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul {
left:100%;
top:-1px;
}
/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul {
position:absolute;
left:-9999px;
top:-9999px;
}
.li_border_side {
	border-top: 2px solid #0044A6;
}
.style1 {color: #990000}
.style2 {color: #000000}