@charset "utf-8";

/*
++++++++++Common Stylesheet +++++++++++++++++++++++++++++

サイトの下層ページ共用ファイル

Site Name:矢野特許事務所
File Name:common.css

Create Date:2010/10/21
Update Date:2010/10/25

1.Reset
2.Common
3.Header
4.LeftColumn
5.footer

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/


/* 1.Reset
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
br {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}



/* 2.Common
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



body {
	background: none repeat scroll 0 0 #FFFFFF;
	color: #000000;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height: 1.5;
}
h1 {
	color: #FFFFFF;
	width: 850px;
	text-align: right;
	display: block;
	font-size: 100%;
	line-height: 20px;
	font-weight: normal;
	height: 20px;
	background-color: #000000;
}

h2 {
	font-weight: bold;
	padding: 0px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #62883B;
	height: 30px;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ pro W3";
	font-size: 16px;
	color: #669900;
	line-height: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

a {
	color: #0077AA;
	text-decoration: none;
}
a:link {
	color: #0077AA;
	text-decoration: underline;
}
a:visited {
	color: #0077AA;
	text-decoration: underline;
}
a:hover {
	color: #FF6600;
	text-decoration: underline;
}
a:active {
	color: #0077AA;
	text-decoration: underline;
}
a:focus {
	color: #0077AA;
	text-decoration: underline;
}

.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
}

#wrap {
	height: auto;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}

#contents {
	height: auto;
	width: 850px;
}


/* 3.Header
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#header {
	background-image: url(../img/headerBg.jpg);
	background-repeat: no-repeat;
	height: 225px;
	width: 290px;
	padding-right: 560px;
	padding-top: 10px;
}
#header p {
	font-size: 12px;
	color: #FFFFFF;
	text-indent: 20px;
	line-height: 18px;
}
#header .mainImg {
	height: 100px;
	margin-bottom: 5px;
}
#header .contactBtn {
	height: 30px;
	width: 190px;
	margin-left: 23px;
	margin-right: 77px;
	background-image: url(../img/contact_btn1.jpg);
	background-repeat: no-repeat;
}
#header .contactBtn a {
	height: 30px;
	width: 190px;
 	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#header .contactBtn a:hover {
	background-image: url(../img/contact_btn2.jpg);
	background-repeat: no-repeat;
}

/* 4.LeftClomn
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#contents {
	background-image: url(../img/contentsBg.jpg);
	background-repeat: repeat-x;
	height: auto;
	width: 850px;
	padding-top: 15px;
	padding-bottom: 40px;
}
#leftColumn {
	float: left;
	height: auto;
	width: 180px;
}
#leftColumn .home {
	background-image: url(../img/toHome.jpg);
	background-repeat: no-repeat;
	height: 35px;
	width: 180px;
	margin-bottom: 10px;
}
#leftColumn .home a {
	height: 35px;
	width: 180px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .home a:hover {
	background-image: url(../img/toHome2.jpg);
	background-repeat: no-repeat;
}

#leftColumn .contact {
	height: 65px;
	width: 180px;
	background-image: url(../img/sideContact1.jpg);
	background-repeat: no-repeat;
}
#leftColumn .contact a {
	height: 65px;
	width: 180px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .contact a:hover {
	background-image: url(../img/sideContact2.jpg);
	background-repeat: no-repeat;
}

#leftColumn .prof {
	height: 50px;
	width: 180px;
	margin-top: 5px;
	background-image: url(../img/sideProf1.jpg);
	background-repeat: no-repeat;
}
#leftColumn .prof a {
	height: 50px;
	width: 180px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .prof a:hover {
	background-image: url(../img/sideProf2.jpg);
	background-repeat: no-repeat;
}

#leftColumn .price {
	height: auto;
	width: 170px;
	margin-top: 15px;
	padding: 4px;
	border: 1px solid #CCCCCC;
}
#leftColumn .price .price_title {
	height: 30px;
	width: 170px;
}

#leftColumn .price .price1 {
	height: 25px;
	width: 170px;
	margin-top: 3px;
	background-image: url(../img/sidePrice1_1.jpg);
	background-repeat: no-repeat;
}
#leftColumn .price .price1 a {
	height: 25px;
	width: 170px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .price .price1 a:hover {
	background-image: url(../img/sidePrice1_2.jpg);
	background-repeat: no-repeat;
}

#leftColumn .price .price2 {
	height: 25px;
	width: 170px;
	margin-top: 3px;
	background-image: url(../img/sidePrice2_1.jpg);
	background-repeat: no-repeat;
}
#leftColumn .price .price2 a {
	height: 25px;
	width: 170px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .price .price2 a:hover {
	background-image: url(../img/sidePrice2_2.jpg);
	background-repeat: no-repeat;
}

#leftColumn .process {
	padding: 4px;
	height: auto;
	width: 170px;
	border: 1px solid #CCCCCC;
	margin-top: 10px;
}
#leftColumn .process .process_title {
	height: 30px;
	width: 170px;
}

#leftColumn .process .process1 {
	height: 25px;
	width: 170px;
	margin-top: 3px;
	background-image: url(../img/sideProcess1_1.jpg);
	background-repeat: repeat;
}
#leftColumn .process .process1 a {
	height: 25px;
	width: 170px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .process .process1 a:hover {
	background-image: url(../img/sideProcess1_2.jpg);
	background-repeat: repeat;
}

#leftColumn .process .process2 {
	height: 25px;
	width: 170px;
	margin-top: 3px;
	background-image: url(../img/sideProcess2_1.jpg);
	background-repeat: no-repeat;
}
#leftColumn .process .process2 a {
	height: 25px;
	width: 170px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .process .process2 a:hover {
	background-image: url(../img/sideProcess2_2.jpg);
	background-repeat: repeat;
}

#leftColumn .process .process3 {
	height: 25px;
	width: 170px;
	margin-top: 3px;
	background-image: url(../img/sideProcess3_1.jpg);
	background-repeat: no-repeat;
}
#leftColumn .process .process3 a {
	height: 25px;
	width: 170px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .process .process3 a:hover {
	background-image: url(../img/sideProcess3_2.jpg);
	background-repeat: repeat;
}

#leftColumn .process .process4 {
	height: 25px;
	width: 170px;
	margin-top: 3px;
	background-image: url(../img/sideProcess4_1.jpg);
	background-repeat: no-repeat;
}
#leftColumn .process .process4 a {
	height: 25px;
	width: 170px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .process .process4 a:hover {
	background-image: url(../img/sideProcess4_2.jpg);
	background-repeat: repeat;
}

#leftColumn .process .process5 {
	height: 25px;
	width: 170px;
	margin-top: 3px;
	background-image: url(../img/sideProcess5_1.gif);
	background-repeat: no-repeat;
}
#leftColumn .process .process5 a {
	height: 25px;
	width: 170px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .process .process5 a:hover {
	background-image: url(../img/sideProcess5_2.gif);
	background-repeat: repeat;
}

#leftColumn .process .process6 {
	height: 25px;
	width: 170px;
	margin-top: 3px;
	background-image: url(../img/sideProcess6_1.gif);
	background-repeat: no-repeat;
}
#leftColumn .process .process6 a {
	height: 25px;
	width: 170px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .process .process6 a:hover {
	background-image: url(../img/sideProcess6_2.gif);
	background-repeat: repeat;
}

#leftColumn .business {
	height: 50px;
	width: 180px;
	margin-top: 25px;
	background-image: url(../img/sideBiz1.jpg);
	background-repeat: no-repeat;
}
#leftColumn .business a {
	height: 50px;
	width: 180px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .business a:hover {
	background-image: url(../img/sideBiz2.jpg);
	background-repeat: no-repeat;
}

#leftColumn .partner {
	background-image: url(../img/sidePartner1.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 180px;
	margin-top: 5px;
}
#leftColumn .partner a {
	height: 50px;
	width: 180px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .partner a:hover {
	background-image: url(../img/sidePartner2.jpg);
	background-repeat: no-repeat;
}

#leftColumn .useful {
	background-image: url(../img/sideUseful1.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 180px;
	margin-top: 5px;
}
#leftColumn .useful a {
	height: 50px;
	width: 180px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .useful a:hover {
	background-image: url(../img/sideUseful2.jpg);
	background-repeat: no-repeat;
}

#leftColumn .faq {
	background-image: url(../img/sideFaq1.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 180px;
	margin-top: 5px;
}
#leftColumn .faq a {
	height: 50px;
	width: 180px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .faq a:hover {
	background-image: url(../img/sideFaq2.jpg);
	background-repeat: no-repeat;
}

#leftColumn .link {
	background-image: url(../img/sideLink1.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 180px;
	margin-top: 5px;
}
#leftColumn .link a {
	height: 50px;
	width: 180px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .link a:hover {
	background-image: url(../img/sideLink2.jpg);
	background-repeat: no-repeat;
}

#leftColumn .blog {
	background-image: url(../img/sideBlog1.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 180px;
	margin-top: 5px;
}
#leftColumn .blog a {
	height: 50px;
	width: 180px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#leftColumn .blog a:hover {
	background-image: url(../img/sideBlog2.jpg);
	background-repeat: no-repeat;
}



#leftColumn .glossary {
	height: auto;
	width: 180px;
}
#leftColumn .glossary .glossary_title {
	height: 40px;
	width: 180px;
	margin-top: 10px;
}
#leftColumn .glossary .glossary_link {
	height: auto;
	width: 166px;
	margin-left: 14px;
	background-image: url(../img/glossaryLinkBg.jpg);
	background-repeat: repeat-y;
	margin-top: 5px;
	margin-bottom: 5px;
}
#leftColumn .glossary .glossary_link p {
	text-indent: 15px;
	font-size: 12px;
}

#leftColumn .mybest {
  margin-top:15px;
	height: 372px;
	width: 166px;
}






/* 4.footer
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer {
	background-image: url(../img/footerBg.jpg);
	background-repeat: repeat-x;
	height: 165px;
	width: 850px;
	padding-top: 10px;
}
#footer .footeMenu {
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	line-height: 200%;
}
#footer .footeMenu a:link {
	color: #FFFFFF;
	text-decoration: none;
}
#footer .footeMenu a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#footer .footeMenu a:hover {
	text-decoration: none;
	color: #FFCC00;
}
#footer .footeMenu a:active {
	text-decoration: none;
	color: #FFFFFF;
}

#footer .main_f {
	margin-top: 45px;
}
#footer .main_f .f_left {
	float: left;
	height: 70px;
	width: 650px;
}
#wrap #footer .main_f .f_left .address {
	background-image: url(../img/footerLogo.jpg);
	background-repeat: no-repeat;
	height: 40px;
}
#footer .main_f .f_left .address p {
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 230px;
}
#footer .main_f .f_left .copyright {
	font-size: 12px;
	line-height: 12px;
	color: #FFFFFF;
	height: 15px;
	text-indent: 10px;
	margin-top: 15px;
}

#footer .main_f .f_right {
	float: right;
	height: 70px;
	width: 200px;
}
#footer .main_f .f_right .f_tell {
	width: 190px;
	margin-right: 10px;
	height: 30px;
}
#footer .main_f .f_right .f_contact {
	height: 30px;
	width: 190px;
	margin-top: 5px;
	background-image: url(../img/contact_btn1.jpg);
	background-repeat: no-repeat;
}
#footer .main_f .f_right .f_contact a {
	height: 30px;
	width: 190px;
	text-indent: -5999px;
	display: block;
	overflow: hidden;
}
#footer .main_f .f_right .f_contact a:hover {
	background-image: url(../img/contact_btn2.jpg);
	background-repeat: no-repeat;
}


/* 4.Font Style
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
.style1 {
	padding-left: 10px;
	font-size: 12px;
	font-weight: normal;
}