@charset "UTF-8";

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-family: 'ヒラギノ丸ゴ Pro W4',HiraMaruPro-W4,'Meiryo UI','メイリオ',Meiryo,"Osaka‐等幅",sans-serif;
   font-size:14px;
   color:#333;
   background:#EFEFEF;
}

h1,h2 {
   margin:0;
   padding:0;
   font-weight:normal;
}

p {
   margin:0 0 1em 0;
   padding:0;
}

li {
   margin:0 0 0 40px;
   padding:0;
}

a,a:hover {
	text-decoration: none;
}

#top {
   width:800px;
   margin:20px auto;
   padding:10px;
   background:#fff;
}

#header {
   width:800px;
   position:relative;
   background:#313431;
}

#header h1 a {
   color:#fff;
}

#header h1 a:hover {
   color:#ddd;
   border-bottom:none;
}

#icatch {
   margin:5px 0;
}

#menu {
   float:left;
   width:800px;
   margin:0 0 20px 0;
   background:#e0815e;
}

#menu:hover {
   background:#f3bf88;
   color: #777777;
}

#contents {
   width:800px;
   clear:both;
   float:left;
}

#main {
   float:left;
   width:780px;
}

#header h1 {
   padding:20px 10px 0 20px;
   font-weight:bold;
   font-size:24px;
   color:#fff;
}

#header p {
   margin:0;
   padding: 5px 10px 10px 20px;
   color:#AAAAAA;
   font-size: 12px;
}

#menu ul {
   list-style:none;
   margin:0;
   padding:0;
}
#menu li {
   float:left;
   margin:0;
   padding:0;
}
#menu li a {
   display:block;
   padding:8px 20px;
   color:#fff;
}

#menu li a:hover {
   color:#fff;
   background: #bb5548;
}

#menu .current {
   background-color:#bb5548;
   color:#fff;
}

#main h2 {
   margin-bottom:10px;
   padding: 10px 0 10px 15px;
   font-weight:bold;
   font-size:16px;
   border-bottom:2px solid #ddd;
   background:url(http://www.patrickobrien.info/img/h2.gif) 0 50% no-repeat;
}

#main p {
	margin: 0 10px 15px 20px;
}

#pagetop {
   padding:10px 0;
   text-align:right;
}

#pagetop a {
   padding:0 0 0 12px;
   background:url(http://www.patrickobrien.info/img/top.gif) 0 60% no-repeat;
   color: #bb5548;
}

#footer {
   width:800px;
   clear:both;
   text-align:center;
   font-size:11px;
   padding:20px 0;
}