@charset "UTF-8";

* {
	margin:0;
	padding:0;
}

body {
	background-color:#ffffff;
	background:url(../image/ptn_paper.gif) 0 0 repeat;
	color:#333;
	text-align:center;
}

hr {
	display:none;
}

img {
	border:0px;
}

a{
	color:#19A6C8;
}
a:link {
	color:#19A6C8;
	text-decoration:none;
}
a:active {
	color:#fff;
	background-color:#19A6C8;
	text-decoration:none;
}
a:visited {
	color:#037D9A;
	text-decoration:none;
}
a:hover {
	color:#fff;
	background-color:#19A6C8;
	text-decoration:none;
}

ul {
	list-style:none;
}

.clear {
	clear:both;
	font-size:1px;
}

.hidden {
	display:none;
}

.indent {
	text-indent:-9999px;
}

.nomargin {
	margin:0px;
}

.container {
	margin:0 auto;
	width:880px;
	text-align:left;
}

/* -------------- .header ---------------- */

div.header {
	width:880px;
	height:22px;
	background:url(../image/ptn_header.gif) 0 0 no-repeat;
}
div.header p.backHome {
	padding-left:67px;
}
div.header p.backHome a {
	width:85px;
	height:18px;
	display:block;
	background:url(../image/backBtn.gif) 0 0 no-repeat;
}
div.header p.backHome a:hover {
	background-position:0 -18px;
}

/* -------------- .logoBox ---------------- */

div.logoBox {
	width:348px;
	padding-top:4px;
	float:left;
}

/* -------------- .siteMenu ---------------- */

div.siteMenu {
	padding-top:196px;
	width:532px;
	float:left;
	background:url(../image/bg1.gif) 0 9px no-repeat;
}

div.siteMenu2 {
	width:532px;
	float:left;
	background:url(../image/bg1.gif) 0 9px no-repeat;
}

div.siteMenu2 div.capppp2 {
padding-left:348px;
padding-bottom:123px;
}
div.siteMenu2 div.capppp2 a {
width:90px;
height:77px;
display:block;
background:url(../image/banner/banner_cap2.gif) 0 0 no-repeat;
}

div.siteMenu ul,
div.siteMenu2 ul {
	padding-left:0px;
	border-bottom:1px solid #fff;
}
div.siteMenu ul li,
div.siteMenu2 ul li {
	padding-left:20px;
	float:left;
}
div.siteMenu ul li.capcup a,
div.siteMenu2 ul li.capcup a {
	width:144px;
	height:37px;
	display:block;
	text-indent:-9999px;
	background:url(../image/menu/sitemenu1.gif) 0 0 no-repeat;
}
div.siteMenu ul li.capcup a:hover,
div.siteMenu2 ul li.capcup a:hover {
	background-position:0 -37px;
}
div.siteMenu ul li.capcup a.current,
div.siteMenu2 ul li.capcup a.current {
	background-position:0 -74px;
}

div.siteMenu ul li.blog a,
div.siteMenu2 ul li.blog a {
	width:144px;
	height:37px;
	display:block;
	text-indent:-9999px;
	background:url(../image/menu/sitemenu2.gif) 0 0 no-repeat;
}
div.siteMenu ul li.blog a:hover,
div.siteMenu2 ul li.blog a:hover {
	background-position:0 -37px;
}
div.siteMenu ul li.blog a.current,
div.siteMenu2 ul li.blog a.current {
	background-position:0 -74px;
}

div.siteMenu ul li.blog span,
div.siteMenu2 ul li.blog span {
	width:144px;
	height:37px;
	display:block;
	text-indent:-9999px;
	background:url(../image/menu/sitemenu2.gif) 0 0 no-repeat;
}

div.siteMenu ul li.shop a,
div.siteMenu2 ul li.shop a {
	width:144px;
	height:37px;
	display:block;
	text-indent:-9999px;
	background:url(../image/menu/sitemenu3.gif) 0 0 no-repeat;
}
div.siteMenu ul li.shop a:hover,
div.siteMenu2 ul li.shop a:hover {
	background-position:0 -37px;
}
div.siteMenu ul li.shop a.current,
div.siteMenu2 ul li.shop a.current {
	background-position:0 -74px;
}

div.siteMenu ul li.shop span,
div.siteMenu2 ul li.shop span {
	width:144px;
	height:37px;
	display:block;
	text-indent:-9999px;
	background:url(../image/menu/sitemenu3.gif) 0 0 no-repeat;
}


/* -------------- .leftArea ---------------- */

div.leftArea {
	padding-top:35px;
	width:279px;
	float:left;
}

div.leftArea ul.menu {
	padding-left:40px;
}
div.leftArea ul.menu li.news a,
div.leftArea ul.menu li.about a,
div.leftArea ul.menu li.apply a,
div.leftArea ul.menu li.entry a,
div.leftArea ul.menu li.design a,
div.leftArea ul.menu li.judge a,
div.leftArea ul.menu li.faq a {
	width:178px;
	text-indent:-9999px;
	display:block;
}
div.leftArea ul.menu li.news a {
	height:26px;
	background:url(../image/menu/news.gif) 0 0 no-repeat;
}
div.leftArea ul.menu li.about a {
	height:32px;
	background:url(../image/menu/about.gif) 0 0 no-repeat;
}
div.leftArea ul.menu li.apply a {
	height:32px;
	background:url(../image/menu/apply.gif) 0 0 no-repeat;
}
div.leftArea ul.menu li.entry a {
	height:32px;
	background:url(../image/menu/entry.gif) 0 0 no-repeat;
}
div.leftArea ul.menu li.design a {
	height:32px;
	background:url(../image/menu/design.gif) 0 0 no-repeat;
}
div.leftArea ul.menu li.judge a {
	height:32px;
	background:url(../image/menu/judge.gif) 0 0 no-repeat;
}
div.leftArea ul.menu li.faq a {
	height:32px;
	background:url(../image/menu/faq.gif) 0 0 no-repeat;
}

div.leftArea ul.menu li.news a:hover {
	background-position:0 -26px;
}

div.leftArea ul.menu li.news a.current {
	background-position:0 -52px;
}

div.leftArea ul.menu li.about a:hover,
div.leftArea ul.menu li.apply a:hover,
div.leftArea ul.menu li.entry a:hover,
div.leftArea ul.menu li.design a:hover,
div.leftArea ul.menu li.judge a:hover,
div.leftArea ul.menu li.faq a:hover {
	background-position:0 -32px;
}

div.leftArea ul.menu li.about a.current,
div.leftArea ul.menu li.apply a.current,
div.leftArea ul.menu li.entry a.current,
div.leftArea ul.menu li.design a.current,
div.leftArea ul.menu li.judge a.current,
div.leftArea ul.menu li.faq a.current {
	background-position:0 -64px;
}


div.leftArea div.banner {
	/*padding:24px 0 299px 65px;*/
	padding:30px 0 299px 65px;
	background:url(../image/bg2.jpg) left bottom no-repeat;
}

div.leftArea div.banner dt.title {
	width:158px;
	height:21px;
	text-indent:-9999px;
	background:url(../image/banner/title.gif) 0 0 no-repeat;
}

div.leftArea div.banner li.winner {
	width:158px;
	height:34px;
}
div.leftArea div.banner li.winner a {
	width:158px;
	height:28px;
	display:block;
	background:url(../image/banner/50winners.gif) 0 0 no-repeat;
}
div.leftArea div.banner li.winner a:hover {
	background-position:0 -28px;
}

div.leftArea div.banner li.talk {
	width:158px;
	height:45px;
}

div.leftArea div.banner li.talk a {
	width:158px;
	height:28px;
	display:block;
	background:url(../image/banner/talk.gif) 0 0 no-repeat;
}
div.leftArea div.banner li.talk a:hover {
	background-position:0 -28px;
}

div.leftArea div.banner li.muffler {
	width:158px;
	height:59px;
}

div.leftArea div.banner li.muffler a {
	width:158px;
	height:48px;
	display:block;
	background:url(../image/banner/muffler.gif) 0 0 no-repeat;
}
div.leftArea div.banner li.muffler a:hover {
	background-position:0 -48px;
}


/* -------------- .contentsArea ---------------- */

div.contentsArea {
	padding-top:35px;
	width:601px;
	float:left;
	background:url(../image/ptn_square.gif) 0 0 no-repeat;
}

div.contentsArea div.textArea {
	padding-left:69px;
	padding-right:40px;
	background:url(../image/breakline.gif) 69px 0 no-repeat;
}
div.contentsArea div.textArea h2 {
	padding-top:8px;
	padding-bottom:23px;
	padding-left:20px;
	color:#23B3D6;
	font-weight:normal;
	letter-spacing:0.14em;
}

div.contentsArea div.textArea p {
	padding:0 0 17px 20px;
}
div.contentsArea div.textArea p.notitle {
	padding-top:30px;
}
div.contentsArea div.textArea p.pagetop {
	padding:27px 0 0 440px;
}
div.contentsArea div.textArea p.pagetop a {
	width:52px;
	height:14px;
	display:block;
	background:url(../image/pagetop.gif) 0 0 no-repeat;
}
div.contentsArea div.textArea p.caution {
	margin-top:-14px;
	color:#666;
}
div.contentsArea div.textArea p.caution2 {
	color:#666;
}
div.contentsArea div.textArea p.caution3 {
	color:#fb41a8;
}


div.contentsArea div.textArea dl {
	padding-left:20px;
	padding-right:40px;
}
div.contentsArea div.textArea dd {
	padding-bottom:18px;
	padding-left:17px;
}

div.contentsArea div.textArea div.leftColumn {
	width:308px;
	float:left;
}
div.contentsArea div.textArea div.rightColumn {
	width:144px;
	float:right;
}

/* -------------- .footer ---------------- */

div.footer {
	padding-top:95px;
	padding-bottom:57px;
	float:right;
}

div.footer div.Box {
	padding-right:40px;
	padding-left:603px;
}
div.footer .copyright {
	width:237px;
	height:10px;
	text-indent:-9999px;
	background:url(../image/footer/copyright.gif) top right no-repeat;
	line-height:100%;
}

div.footer .footerNavi {
	padding-bottom:7px;
	background:url(../image/footer/mesh_ptn.gif) right bottom no-repeat;
}

div.footer li {
	float:left;
}

div.footer li.privacy {
	padding-left:62px;
}
div.footer li.terms {
	padding-left:1px;
	background:url(../image/footer/bar.gif) 0 0 no-repeat;
}

div.footer li.privacy a {
	width:74px;
	height:19px;
	display:block;
	text-indent:-9999px;
	background:url(../image/footer/privacy.gif) 0 0 no-repeat;
	line-height:100%;
}
div.footer li.terms a {
	width:100px;
	height:19px;
	display:block;
	text-indent:-9999px;
	background:url(../image/footer/terms.gif) 0 0 no-repeat;
	line-height:100%;
}

div.footer li.privacy a:hover,
div.footer li.terms a:hover {
	background-position:0 -19px;
}